#FF8C00

darkorange

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

Коди кольору

HEX#FF8C00
RGBrgb(255, 140, 0)
HSLhsl(32.94°, 100%, 50%)
HSVhsv(32.94°, 100%, 100%)
CMYKcmyk(0%, 45.1%, 100%, 0%)
XYZxyz(50.62, 40.02, 5.06)
LABlab(69.49, 36.83, 75.49)
LCHlch(69.49, 83.99, 63.99°)

Коди кольору

HEX#FF8C00
RGBrgb(255, 140, 0)
HSLhsl(32.94°, 100%, 50%)
HSVhsv(32.94°, 100%, 100%)
CMYKcmyk(0%, 45.1%, 100%, 0%)
XYZxyz(50.62, 40.02, 5.06)
LABlab(69.49, 36.83, 75.49)
LCHlch(69.49, 83.99, 63.99°)

Доступність

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

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

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

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

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

Затемнення

Освітлення

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

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

#FF8C00
#0073FF

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

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

Створити градієнт
#FF8C00
#00F2FF
#0D00FF

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

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

Створити градієнт
#FF8C00
#00FF8C
#8C00FF

Тріадна

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

Створити градієнт
#FF0C00
#FF8C00
#F3FF00

Аналогова

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

Створити градієнт
#804600
#C26A00
#FF8C00
#FFA83D
#FFC580

Монохромна

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

Створити градієнт
#FF8C00
#73FF00
#0073FF
#8C00FF

Тетрадна

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

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

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