Цвет Mint Cream #F5FFFA

Где использовать цвет mint cream

Цвет Mint Cream задаётся кодом #F5FFFA и значением rgb(245, 255, 250). В модели HSL его параметры составляют 150°, 100% и 98%. Ключевое слово mintcream поддерживается браузерами как стандартное именованное значение CSS.

Характер и восприятие

Почти белые оттенки дают спокойный фон и позволяют заменить резкий чистый белый более мягкой поверхностью. Для Mint Cream светлота составляет 98%, поэтому характер оттенка лучше оценивать вместе с соседними цветами и фоном.

Подходящие задачи

• Основные фоны страниц и карточек.
• Редакционные, интерьерные и спокойные интерфейсы.
• Примеры CSS, прототипы и документация, где удобно использовать имя mintcream.

Практические рекомендации

• Для основного текста на фоне #F5FFFA сначала проверяйте чёрного варианта - точное соотношение контраста указано выше.
• В рабочем CSS используйте mintcream или эквивалентный HEX-код #F5FFFA.
• Для интерфейсной палитры добавьте более светлый и более тёмный варианты, а затем проверьте контраст каждой пары.

Как задать цвет mint cream в HTML и CSS

В современной HTML-странице цвет оформляют через CSS. Для одного и того же оттенка можно использовать HEX-код, функции RGB и HSL или именованное значение mintcream.

.example {
  color: #000000;
  background-color: #f5fffa;
}

Если значение понадобится в нескольких компонентах, вынесите его в CSS-переменную:

:root {
  --color-mintcream: #f5fffa;
}

.button {
  background: var(--color-mintcream);
}