Небесно-голубой цвет Sky Blue #87CEEB

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

Небесно-голубой #87CEEB - светлый умеренно насыщенный синий цвет. В CSS он доступен через ключевое слово skyblue и отличается от более яркого deepskyblue и более светлого lightskyblue.

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

Небесно-голубой выглядит открытым, воздушным и дружелюбным. Он подходит крупным фонам, но для текста требует тёмного контрастного оттенка.

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

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

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

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

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

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

.example {
  color: #000000;
  background-color: #87ceeb;
}

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

:root {
  --color-nebesno-goluboy: #87ceeb;
}

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