Цвет морской волны Teal #008080

Где использовать цвет морской волны

Цвет морской волны #008080 содержит равные зелёный и синий каналы средней интенсивности. В CSS ему соответствует ключевое слово teal. Он темнее бирюзового и аквамаринового и хорошо удерживает светлый текст.

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

Цвет морской волны выглядит спокойным, глубоким и современным. Он сочетает прохладу синего с природным характером зелёного.

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

• Кнопки, шапки и крупные акцентные поверхности.
• Медицинские, туристические и технологические проекты.
• Сочетания с коралловым, золотым и светло-бежевым.

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

• Различайте teal, turquoise и aquamarine по конкретным кодам.
• Для мелкого текста проверяйте контраст светлого варианта.
• Используйте более светлые оттенки для второстепенных поверхностей.

Как задать цвет морской волны в HTML и CSS

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

.example {
  color: #ffffff;
  background-color: #008080;
}

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

:root {
  --color-morskaya-volna: #008080;
}

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