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

Случайный цвет с кодами HEX, RGB и HSL для дизайна.

HEX
RGB
HSL

Как пользоваться калькулятором

  1. Выберите желаемый диапазон оттенков или оставьте «Любой».
  2. Нажмите «Сгенерировать».
  3. Скопируйте код цвета в нужном формате.

О калькуляторе

Генератор создаёт случайный цвет и сразу показывает его коды в трёх форматах: HEX (например, #3A7BD5), RGB и HSL. Можно ограничить выбор светлыми, тёмными или яркими тонами — это удобно при подборе палитры под конкретную задачу.

Случайный цвет помогает дизайнерам, верстальщикам и всем, кто ищет вдохновение или нейтральный фон, акцент или оттенок «наугад». Коды HEX и RGB можно сразу вставить в CSS, графический редактор или конструктор сайтов.

Примеры расчёта

Цвет для акцента

Выберите «Яркие тона», чтобы получить насыщенный цвет для кнопки или ссылки.

Фон страницы

«Светлые тона» дают мягкие пастельные оттенки, подходящие для фона.

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

Что такое HEX, RGB и HSL?
Это форматы записи цвета. HEX — шестнадцатеричный код (#RRGGBB), RGB задаёт цвет через красный, зелёный и синий каналы, HSL — через тон, насыщенность и светлоту.
Как использовать сгенерированный цвет?
Скопируйте код HEX или RGB и вставьте в CSS, графический редактор или конструктор сайта. Все три формата задают один и тот же цвет.
Можно ли получить пастельный или тёмный цвет?
Да, выберите соответствующий режим оттенков: светлые тона дают пастельные цвета, тёмные — глубокие, яркие — насыщенные.