Синий

О цвете Синий

Синий (#0000FF) — средний по светлоте, предельно насыщенный оттенок синего. Его тон — 240°, на цветовом круге это практически чистый синий. Его RGB-рецепт — 0 / 0 / 255: главный здесь синий канал, а каналы заполнены на 0%, 0% и 100%. Тем, кто мыслит в HSL, он знаком как 240°, 100%, 50%.

Холодные цвета вроде этого отходят от зрителя и читаются как спокойные, чистые и немного отстранённые. Больше всего на Синий похожи Темно-синий, Чистый синий (RYB) и Персидский синий. Точный дополнительный цвет к нему — #FFFF00, ближайший к нему именованный цвет — Желтый.

Где использовать Синий

Синий — громкий цвет, и его место — в акцентах: кнопки призыва к действию, ссылки, выделения и ключевые цифры на графиках. По правилу 60-30-10 он лучше всего подходит на роль акцента (10%).

Чтобы построить состояния вокруг цвета Синий, возьмите #3333FF для наведения и #E5E5FF для светлого фона.

Синий как текст и фон

На белом Синий даёт контраст 8,59:1 — это уровень WCAG AAA даже для мелкого текста. На чёрном соотношение лишь 2,44:1 — слишком мало для текста в тёмной теме.

Когда Синий служит фоном, ставьте на него белый текст: контраст будет 8,59:1. Подробнее о соотношениях — в нашем разборе контраста WCAG.

Синий на экране и в печати

В пересчёте на CMYK получается примерно C 100% · M 100% · Y 0% · K 0%. Такой яркий экранный цвет нельзя точно воспроизвести четырьмя красками. Ждите более плоского результата в печати или используйте Pantone. Кроме того, это один из 216 web-safe цветов: каждый канал RGB кратен 51. Почему экран и печать расходятся, мы разобрали в статье RGB и CMYK.