Генератор случайных цветов
Случайный цвет или палитра из пяти оттенков. Коды HEX, RGB и HSL.
Палитра использует соседние оттенки цветового круга. Контраст текста и фона проверяйте отдельно.
Как пользоваться
- Шаг 1.
Получите палитру
Палитра появляется при открытии страницы. Нажмите «Новая палитра», чтобы получить другие оттенки.
- Шаг 2.
Выберите оттенок
Нажмите на цвет в палитре, чтобы увидеть его коды. Режим «Один цвет» создаёт отдельный случайный оттенок.
- Шаг 3.
Скопируйте код
Скопируйте HEX, RGB или HSL кнопкой рядом с кодом. «Копировать палитру» копирует пять HEX-кодов.
Где применяется генератор цветов
Дизайн интерфейсов
Получите акцентный цвет для макета. HEX-код можно вставить в CSS или Figma.
Палитры проекта
Пять соседних оттенков помогают подобрать гамму для сайта, презентации или иллюстрации.
Вдохновение
Попробуйте несколько палитр, чтобы найти новое цветовое решение.
Частые вопросы
Что такое HEX-код цвета?
Запись цвета в шестнадцатеричной системе: #RRGGBB, где каждая пара — яркость красного, зелёного и синего от 00 до FF. #FF5733 — ярко-оранжевый с красным оттенком; HEX вставляется прямо в CSS.
Как получить случайную палитру?
Палитра из пяти цветов появляется автоматически при открытии страницы. Для нового набора нажмите «Новая палитра». За основу берётся случайный цвет, остальные четыре — соседние оттенки цветового круга. Такая гамма не гарантирует достаточный контраст текста на фоне: его нужно проверять отдельно.
Чем RGB отличается от HSL?
RGB задаёт интенсивность красного, зелёного и синего. HSL описывает тот же цвет через оттенок (Hue), насыщенность (Saturation) и светлоту (Lightness). Оба формата можно использовать в CSS.
Как скопировать код цвета?
Выберите оттенок и нажмите кнопку копирования рядом с HEX, RGB или HSL — в буфер попадёт только нужный код. «Копировать палитру» копирует HEX-коды всех пяти цветов, каждый с новой строки. Если браузер не разрешит копирование, появится поле с кодами для ручного копирования.
Можно ли задать диапазон оттенков?
Нет. Оттенок выбирается из всего цветового круга, насыщенность и яркость ограничены диапазоном генератора. Нажмите «Новая палитра» или «Новый цвет», чтобы получить другой результат.