Синій

#0000FF
0, 0, 255 · 240°, 100%, 50%

Значення кольору

Натисніть на значення, щоб скопіювати

Про колір Синій

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

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

Де використовувати Синій

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

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

Контраст і доступність

Чи читається текст цим кольором — за стандартом WCAG 2.1

На білому
8.59:1
WCAG AA WCAG AAA AA (великий текст)
На чорному
2.44:1
WCAG AA WCAG AAA AA (великий текст)
Як тло
8.59:1
WCAG AA WCAG AAA AA (великий текст)

Синій як текст і фон

На білому Синій дає контраст 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.

Колірні гармонії

Вісім класичних схем, побудованих на цьому відтінку

Монохроматична

Відкрити →

Аналогова

Відкрити →

Комплементарна

Відкрити →

Роздільно-комплементарна

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

Освітлені відтінки

Відкрити →

Затемнені відтінки

Відкрити →

Комплементарний колір

Комплементарний колір розташований точно навпроти на колірному колі. Така пара дає найсильніший можливий контраст, тому її природно використовувати для акцентів і кнопок дії.

Добре поєднується з

Пари, дібрані з каталогу за кутом гармонії

CSS-градієнти

48

48 варіацій: шість типів гармоній у восьми напрямках

Схожі відтінки

16 найближчих кольорів каталогу