Генератор случайных цветов

Случайные цвета и палитры в форматах HEX, RGB и HSL

Частые вопросы

Это три способа записать один и тот же цвет. HEX (#FF5733) — компактный формат для CSS. RGB (rgb(255, 87, 51)) — значения красного, зелёного и синего каналов от 0 до 255. HSL (hsl(9, 100%, 60%)) — тон, насыщенность и светлота, удобен для подбора вариаций цвета.

Режим задаёт диапазон насыщенности и светлоты. «Пастельные» даёт мягкие светлые тона, «Яркие» — сочные и насыщенные, «Тёмные» и «Светлые» оставляют только одну половину спектра, «Оттенки серого» — ахроматические цвета от чёрного до белого. Режим «Любые» снимает все ограничения.

До 50 за одну генерацию — количество задаётся в настройках. Последние результаты остаются в истории, а готовый список можно выгрузить в TXT, CSV или JSON.

Контраст — это коэффициент читабельности текста таким цветом на белом или чёрном фоне (от 1:1 до 21:1). Оценка WCAG проверяет соответствие стандарту доступности: обычный текст читабелен при контрасте от 4.5:1, крупный — от 3:1. Включите соответствующие чекбоксы в настройках.

В стандартной модели RGB — 16 777 216 цветов (256 × 256 × 256). Каждый канал (красный, зелёный, синий) принимает 256 значений.

Скопируйте значение кликом и вставьте в стили: color: #FF5733; или background: rgb(255, 87, 51);. Все три формата поддерживаются всеми браузерами.

Онлайн-генератор цветов и палитр

Генератор цветов — его ещё называют рандомайзером цветов — создаёт случайные цвета в трёх форматах: HEX, RGB и HSL. Выберите режим палитры — пастельные, яркие, тёмные, светлые или оттенки серого — и получите готовый набор для дизайна, вёрстки или творческих задач. Каждый цвет копируется одним кликом.

Для дизайнеров есть оценка контраста и проверка по стандарту WCAG: сразу видно, будет ли текст читабельным на белом или чёрном фоне. Генератор палитры цветов работает бесплатно и без регистрации, прямо в браузере: до 50 цветов за раз, экспорт в TXT, CSV или JSON и история последних генераций.