#FF0000
red
Коди кольору
#FF0000rgb(255, 0, 0)hsl(0°, 100%, 50%)hsv(0°, 100%, 100%)cmyk(0%, 100%, 100%, 0%)xyz(41.25, 21.27, 1.93)lab(53.24, 80.09, 67.2)lch(53.24, 104.55, 40°)Коди кольору
#FF0000rgb(255, 0, 0)hsl(0°, 100%, 50%)hsv(0°, 100%, 100%)cmyk(0%, 100%, 100%, 0%)xyz(41.25, 21.27, 1.93)lab(53.24, 80.09, 67.2)lch(53.24, 104.55, 40°)Доступність
4:1AA ✗AAA ✗5.25:1AA ✓AAA ✗Чуєш їх, доцю, га
Основний текст на кольорі, щоб оцінити читабельність, перш ніж його затверджувати.
Варіації та поєднання кольору
Освітлення змішують колір із чистим білим, а затемнення — з чистим чорним. Обидві шкали рахуються кроком 10%, тож відтінок можна освітлити або поглибити, не полишаючи його.
Затемнення
Освітлення
Гармонії кольору
Гармонії добирають супутні кольори за їхнім положенням на колірному колі. Кожне правило дає свій настрій: від різкого контрасту до м’яких переходів між сусідами.
Комплементарна
Відтінок точно навпроти на колі, за 180°. Найбільший контраст; працює найкраще, коли один колір веде, а другий лише акцентує.
Створити градієнтРоздільна комплементарна
Базовий колір і два сусіди його протилежності, приблизно по 30° з кожного боку. Зберігає контраст і пом’якшує різкість.
Створити градієнтТріадна
Три відтінки через 120°. Жвава й врівноважена; нехай один домінує, а решта будуть акцентами.
Створити градієнтАналогова
Три сусідні відтінки через 30°. Низький контраст і спокій для ока, чудово для стриманих тл і градієнтів.
Створити градієнтМонохромна
Один відтінок у кількох рівнях світлості. Узгоджена за побудовою і найнадійніший шлях до цілісного інтерфейсу.
Створити градієнтТетрадна
Дві комплементарні пари, що утворюють прямокутник на колі. Найбагатша схема і та, що потребує найбільшої стриманості.
Створити градієнт