Бирюзовый цвет Turquoise #40E0D0

Где использовать бирюзовый цвет

Бирюзовый #40E0D0 объединяет зелёную и синюю составляющие и остаётся достаточно светлым. Он хорошо подходит для свежих акцентов, визуализации данных и интерфейсов о здоровье, путешествиях или цифровых сервисах.

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

Бирюзовый воспринимается как прохладный, чистый и современный. Чем больше синего, тем технологичнее он выглядит; чем больше зелёного - тем естественнее.

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

• Акцентный цвет бренда или продукта.
• Графики, индикаторы и активные состояния.
• Тематика воды, отдыха, здоровья и коммуникаций.

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

• На светлом бирюзовом чаще нужен тёмный текст.
• Не смешивайте несколько почти одинаковых бирюзовых без ясных ролей.
• Коралловый создаёт живой контраст, тёмно-синий - спокойную опору.

Как задать бирюзовый цвет в HTML и CSS

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

.example {
  color: #000000;
  background-color: #40e0d0;
}

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

:root {
  --color-biryuzovyy: #40e0d0;
}

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