#778899

lightslategray

%
Відкрити сторінку кольору

Коди кольору

HEX#778899
RGBrgb(119, 136, 153)
HSLhsl(210°, 14.29%, 53.33%)
HSVhsv(210°, 22.22%, 60%)
CMYKcmyk(22.22%, 11.11%, 0%, 40%)
XYZxyz(22.16, 23.83, 33.56)
LABlab(55.92, -2.25, -11.11)
LCHlch(55.92, 11.33, 258.56°)

Коди кольору

HEX#778899
RGBrgb(119, 136, 153)
HSLhsl(210°, 14.29%, 53.33%)
HSVhsv(210°, 22.22%, 60%)
CMYKcmyk(22.22%, 11.11%, 0%, 40%)
XYZxyz(22.16, 23.83, 33.56)
LABlab(55.92, -2.25, -11.11)
LCHlch(55.92, 11.33, 258.56°)

Доступність

На білому3.64:1AA ✗AAA ✗
На чорному5.77:1AA ✓AAA ✗

Чуєш їх, доцю, га

Основний текст на кольорі, щоб оцінити читабельність, перш ніж його затверджувати.

Варіації та поєднання кольору

Освітлення змішують колір із чистим білим, а затемнення — з чистим чорним. Обидві шкали рахуються кроком 10%, тож відтінок можна освітлити або поглибити, не полишаючи його.

Затемнення

Освітлення

Гармонії кольору

Гармонії добирають супутні кольори за їхнім положенням на колірному колі. Кожне правило дає свій настрій: від різкого контрасту до м’яких переходів між сусідами.

#778899
#998877

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

Відтінок точно навпроти на колі, за 180°. Найбільший контраст; працює найкраще, коли один колір веде, а другий лише акцентує.

Створити градієнт
#778899
#997777
#999977

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

Базовий колір і два сусіди його протилежності, приблизно по 30° з кожного боку. Зберігає контраст і пом’якшує різкість.

Створити градієнт
#778899
#997788
#889977

Тріадна

Три відтінки через 120°. Жвава й врівноважена; нехай один домінує, а решта будуть акцентами.

Створити градієнт
#779999
#778899
#777799

Аналогова

Три сусідні відтінки через 30°. Низький контраст і спокій для ока, чудово для стриманих тл і градієнтів.

Створити градієнт
#3E4853
#5A6978
#778899
#9AA7B3
#C0C8D0

Монохромна

Один відтінок у кількох рівнях світлості. Узгоджена за побудовою і найнадійніший шлях до цілісного інтерфейсу.

Створити градієнт
#778899
#887799
#998877
#889977

Тетрадна

Дві комплементарні пари, що утворюють прямокутник на колі. Найбагатша схема і та, що потребує найбільшої стриманості.

Створити градієнт

Ще популярні кольори