Генератор случайных цветов HEX, RGB, HSL
Выберите характер цвета и количество — образцы с кодами готовы для CSS и дизайна.
Результат
палитра «any»Как это работает
- 1Цвет генерируется в HSL: режим задаёт диапазоны насыщенности и светлоты
- 2Тёплые — тона 330–60°, холодные — 170–280°
- 3Конвертация в HEX и RGB
Пример
Пастельный → #F4C6D7 · rgb(244, 198, 215) · hsl(338, 68%, 87%).
Подробнее
Как подобрать цвет
Пастельные — для фонов и карточек, яркие — для акцентов и кнопок, тёмные — для текста и тёмных тем. Проверьте контраст текста и фона (не ниже 4.5:1 по WCAG). Для согласованного набора используйте генератор палитр.
HEX, RGB и HSL — в чём разница
- HEX — запись для CSS и дизайн-программ:
#4F46E5. Два символа на каждый канал: красный, зелёный, синий. - RGB — те же каналы числами от 0 до 255:
rgb(79, 70, 229). Удобно, когда нужна прозрачность —rgba. - HSL — тон (0–360°), насыщенность и светлота в процентах. Самый удобный формат, чтобы сделать цвет светлее или темнее, не меняя оттенок.
Как подобрать цвет для проекта
Сгенерируйте несколько случайных цветов и выберите тот, что подходит по настроению. Затем постройте вокруг него палитру в генераторе палитры: дополнительный, аналоговые и нейтральные оттенки. Для текста проверьте контраст: по WCAG соотношение должно быть не меньше 4,5:1 к фону.
Где пригодятся случайные цвета
Аватары и метки пользователей, графики с большим количеством серий, тестовые данные для интерфейса, игры «угадай цвет», вдохновение для иллюстраций и интерьера.
Частые вопросы
Чем HSL удобнее HEX?
В HSL легко менять оттенок, насыщенность и светлоту по отдельности — например, сделать цвет светлее на 10 %, не подбирая HEX вручную.
Как перевести HEX в RGB?
Генератор показывает цвет сразу во всех форматах — HEX, RGB и HSL. Скопируйте нужный одним нажатием.
Можно ли сгенерировать только светлые или пастельные цвета?
Для гармоничных наборов используйте генератор палитры — там можно задать схему и получить согласованные оттенки.
Все данные сгенерированы случайно и предназначены для тестирования, обучения и макетов. Совпадения с реальными людьми и организациями случайны. Все генераторы