#FFD70F

≈ gold

%
Открыть страницу цвета

Коды цвета

HEX#FFD70F
RGBrgb(255, 215, 15)
HSLhsl(50°, 100%, 52.94%)
HSVhsv(50°, 94.12%, 100%)
CMYKcmyk(0%, 15.69%, 94.12%, 0%)
XYZxyz(65.63, 69.9, 10.49)
LABlab(86.95, -1.8, 85.82)
LCHlch(86.95, 85.84, 91.2°)

Коды цвета

HEX#FFD70F
RGBrgb(255, 215, 15)
HSLhsl(50°, 100%, 52.94%)
HSVhsv(50°, 94.12%, 100%)
CMYKcmyk(0%, 15.69%, 94.12%, 0%)
XYZxyz(65.63, 69.9, 10.49)
LABlab(86.95, -1.8, 85.82)
LCHlch(86.95, 85.84, 91.2°)

Доступность

На белом1.4:1AA ✗AAA ✗
На чёрном14.98:1AA ✓AAA ✓

Съешь ещё этих булок

Основной текст на цвете, чтобы оценить читаемость до окончательного выбора.

Вариации и сочетания цвета

Светлые оттенки смешивают цвет с чистым белым, тёмные — с чистым чёрным. Обе шкалы рассчитаны с шагом 10%, чтобы осветлить или затемнить тон, не покидая его.

Затемнения

Осветления

Цветовые гармонии

Гармонии подбирают сопутствующие цвета по их положению на цветовом круге. Каждое правило создаёт своё настроение — от резкого контраста до мягких переходов между соседями.

#FFD70F
#0F37FF

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

Оттенок напротив на круге, на 180°. Максимальный контраст: лучше всего, когда один цвет ведущий, а другой — акцент.

Создать градиент
#FFD70F
#0FAFFF
#5F0FFF

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

Базовый цвет и два соседа его противоположности, примерно по 30° с каждой стороны. Сохраняет контраст и смягчает резкость.

Создать градиент
#FFD70F
#0FFFD7
#D70FFF

Триадная

Три оттенка через 120°. Живо и сбалансированно: дайте одному доминировать, остальные используйте как акценты.

Создать градиент
#FF5F0F
#FFD70F
#AFFF0F

Аналоговая

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

Создать градиент
#8F7700
#D1AE00
#FFD70F
#FFE14C
#FFEC8F

Монохромная

Один оттенок на нескольких уровнях светлоты. Согласованность заложена в самой схеме — самый надёжный путь к единообразному интерфейсу.

Создать градиент
#FFD70F
#37FF0F
#0F37FF
#D70FFF

Тетрадная

Две комплементарные пары, образующие прямоугольник на круге. Самая насыщенная схема и требующая наибольшей сдержанности.

Создать градиент

Ещё популярные цвета