Водянистий

#00FFFF
0, 255, 255 · 180°, 100%, 50%

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

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

Про колір Водянистий

Водянистий, він же #00FFFF, сприймається як середній за світлотою і гранично насичений відтінок блакитного. На 180° він майже точно збігається з опорною точкою кола — це блакитний. У RGB це 0 / 255 / 255, тобто 0%, 100% і 100% кожного каналу, причому два найсильніші канали майже рівні. Тим, хто мислить у HSL, він відомий як 180°, 100%, 50%.

Холодні кольори на кшталт цього відходять від глядача й читаються як спокійні, чисті та трохи відсторонені. Найбільше на Водянистий схожі Яскраво-бірюзовий, Блакитно-зелений і Темно-бірюзовий. Навпроти на колі лежить #FF0000 — це майже Червоний.

Де використовувати Водянистий

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

Для інтерактивних станів зберігайте тон: #33FFFF підійде для наведення чи натискання, а #E5FFFF — як блідий фоновий варіант.

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

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

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

Водянистий як текст і фон

На білому контраст лише 1,25:1, тож не набирайте текст кольором Водянистий на світлому фоні — використовуйте його як заливку. На чорному співвідношення 16,75:1, із запасом вище AAA.

Коли Водянистий слугує фоном, ставте на нього чорний текст: контраст буде 15,06:1. Докладніше про співвідношення — у нашому розборі контрасту WCAG.

Водянистий на екрані та в друці

У перерахунку на CMYK виходить приблизно C 100% · M 0% · Y 0% · K 0%. Настільки насичені кольори часто виходять за охоплення CMYK, і в друці вони будуть тьмянішими; для пакування та фірмового стилю попросіть друкарню підібрати змішаний колір. Крім того, це один із 216 web-safe кольорів: кожен канал RGB кратний 51. Докладніше — у нашій статті RGB і CMYK.

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

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

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

Відкрити →

Аналогова

Відкрити →

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

Відкрити →

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

Відкрити →

Тріадична

Відкрити →

Тетрадична

Відкрити →

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

Відкрити →

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

Відкрити →

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

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

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

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

CSS-градієнти

48

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

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

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