Генератор случайных чисел
Выберите случайный цвет из полного 24-битного RGB пространства и увидите его отображённым в виде крупной образцы с указанием всех распространённых форм представления цвета рядом: шестномерная форма (#a3e1b4), RGB-формат (rgb(163, 225, 180)), HSL, а также предварительное название цвета по CSS — если соответствует этому формату. Нажмите на образец, чтобы повторно выполнить выбор.
Как создать случайный цвет
-
1
Генерировать — нажмите
Три случайных байта (от 0 до 255) образуют каналы R, G и B.
-
2
Прочитайте все форматы
Показываются все цветовые системы: Hex, RGB, HSL и HSV; копируйте ту, которая используется в вашем стиле таблицы.
-
3
Закрепите, если вам это нравится.
Если результат близок к желаемому, включите опцию «закрыть цветовой оттенок», чтобы сохранить его и изменить только светлость и насыщенность.
Пространство цветов
Генератор использует 24-битный RGB-формат, что позволяет отображать 16 777 216 возможных цветов — это тот же цветовой диапазон, который поддерживает ваш монитор; однако некоторые значения попадают в более тёмные или недостаточно насыщенные зоны, которые трудно различить.
Как каждый формат представляет один и тот же цвет
| Формат | Синтаксис | Количество байтов на канал |
|---|---|---|
| Хеш | #RRGGBB |
8 битов |
| RGB | rgb(R, G, B) |
8 битов |
| HSL | hsl(H, S%, L%) |
Получено из |
| HSV | hsv(H, S%, V%) |
Поистине производное |
| OKLCH | oklch(L C h) |
Перцептивно единообразный |
Почему чисто случайный результат может выглядеть неясным
Рандомные RGB-цвета с равномерным распределением чаще приводят к перцептивно тёмным и недостаточно насыщенным оттенкам, чем ярким и насыщенным. Если вы хотите более насыщенных результатов, повторите генерацию с использованием параметров HSL: насыщенность удерживайте выше 60 %, а светлость — в диапазоне от 45 % до 65 %. В результате получатся цвета в стиле обложек журналов, а не мутные, неестественные оттенки.
Доступность
Сопоставьте любую созданную цветовую схему с белым или чёрным текстом и проверьте соотношение контрастности по стандарту WCAG перед использованием её в качестве фона кнопки. Для основного текста минимальное значение составляет 4,5:1; для крупного текста — 3:1.
Часто задаваемые вопросы
Поскольку большая часть пространства RGB расположена в тёмной, недостаточно насыщенной средней зоне, яркие цвета присутствуют лишь в узкой области вблизи краёв. Для получения насыщенных результатов рекомендуется генерировать изображения в форматах HSL или OKLCH с ограничением на уровень насыщения.
Используйте режим фиксации цветового оттенка (при экспозиции): задайте нужный оттенок в градусах — инструмент изменяет только насыщенность и светлость. Это особенно полезно для исследования тонов фирменного цвета.
В настоящее время режим без сея не поддерживается: каждый клик представляет собой независимый выбор цвета из криптовероятностного генератора (RNG). Копируйте шестнадцатеричный код для сохранения выбранного цвета.
Приблизительно. Коды шестигранной шкалы зависят от типа устройства: калиброванный дисплей с цветовой системой sRGB отображает их точно, тогда как недорогий ноутбук может искажать их в сторону синего цвета. Для печати рекомендуется преобразовать коды в формат CMYK перед тем, как полагаться на внешний вид изображения.