Голубой цвет Deep Sky Blue #00BFFF

Где использовать голубой цвет

Голубой #00BFFF расположен между синим и цианом. В CSS этому значению соответствует имя deepskyblue. Оттенок хорошо работает для информационных блоков, свежих фоновых элементов и интерфейсов, которым нужен более лёгкий характер, чем у чистого синего.

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

Голубой выглядит свежим, открытым и воздушным. Светлые варианты создают ощущение пространства, насыщенные - заметный цифровой акцент.

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

• Информационные уведомления и подсказки.
• Фоны, иллюстрации неба и воды.
• Акцент в туристических и технологических проектах.

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

• На ярком голубом сравнивайте контраст белого и чёрного текста.
• Для больших областей используйте более светлый оттенок.
• Сочетайте с тёмно-синим для глубины или коралловым для тёплого контраста.

Как задать голубой цвет в HTML и CSS

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

.example {
  color: #000000;
  background-color: #00bfff;
}

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

:root {
  --color-goluboy: #00bfff;
}

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