Цвет Medium Turquoise #48D1CC

Где использовать цвет medium turquoise

Цвет Medium Turquoise задаётся кодом #48D1CC и значением rgb(72, 209, 204). В модели HSL его параметры составляют 178°, 60% и 55%. Ключевое слово mediumturquoise поддерживается браузерами как стандартное именованное значение CSS.

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

Голубые и бирюзовые оттенки выглядят свежо, чисто и технологично. Для Medium Turquoise светлота составляет 55%, поэтому характер оттенка лучше оценивать вместе с соседними цветами и фоном.

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

• Информационные состояния и интерактивные элементы.
• Водная, медицинская и технологическая тематика.
• Примеры CSS, прототипы и документация, где удобно использовать имя mediumturquoise.

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

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

Как задать цвет medium turquoise в HTML и CSS

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

.example {
  color: #000000;
  background-color: #48d1cc;
}

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

:root {
  --color-mediumturquoise: #48d1cc;
}

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