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

Как пользоваться генератором цветов

1. Нажмите «Сгенерировать цвет» - появится новый случайный цвет.
2. Чтобы скопировать код, кликните по самому цвету или по нужной строке - HEX, RGB или HSL.
3. Под цветом показаны его оттенки - от светлого к тёмному; их тоже можно скопировать одним кликом.
4. Если нужно сразу несколько цветов, воспользуйтесь блоком «Генератор цветовой палитры».

Форматы цвета: HEX, RGB и HSL

Один и тот же цвет можно записать по-разному. Генератор сразу показывает три самых распространённых формата, чтобы вы могли вставить код туда, где он нужен.

• HEX - шестнадцатеричный код вида #2D9CDB. Самый популярный формат в вёрстке и графических редакторах.
• RGB - три канала: красный, зелёный и синий, например rgb(45, 156, 219). Удобно, когда цвет задают числами от 0 до 255.
• HSL - тон, насыщенность и светлота: hsl(202, 71%, 52%). Проще подбирать оттенки, меняя только светлоту.

Цветовая палитра из случайных цветов

Палитра генерирует сразу пять цветов - удобно искать сочетание для сайта, презентации или иллюстрации. Понравившийся цвет зафиксируйте замком: при следующем обновлении он останется, а остальные сменятся. Так можно подбирать гамму вокруг одного базового цвета.

Где пригодится случайный цвет

• Дизайн и вёрстка - быстрый подбор цвета для фона, кнопок и текста.
• Вдохновение - когда нужен неожиданный цвет или свежее сочетание.
• Игры и творчество - жеребьёвка команд, случайный цвет для рисунка.
• Обучение - наглядный пример связи между HEX, RGB и HSL.