Перейти к содержимому
🎨

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

Генерируйте случайные цвета с значениями HEX, RGB и HSL. Мгновенное копирование кодов цветов. История цветов для сравнения. Бесплатно, в браузере.

#000000
rgb(0, 0, 0)
hsl(0, 0%, 0%)
История

Как генерируются случайные цвета?

Этот инструмент генерирует три криптографически безопасных случайных значения (0-255) для каналов Red, Green и Blue с помощью crypto.getRandomValues(). Значения RGB затем конвертируются в форматы HEX и HSL, чтобы вы могли скопировать цвет в нужной нотации.

Справочник форматов цветов

  • HEX — 6-значная шестнадцатеричная нотация (#RRGGBB). Стандарт для CSS и веб-дизайна.
  • RGB — значения Red, Green, Blue (0-255). Используются в CSS-функциях rgb().
  • HSL — Тон (0-360°), Насыщенность (0-100%), Светлота (0-100%). Удобно для корректировки цветов.

Когда использовать случайные цвета

  • Дизайнерское вдохновение — откройте неожиданные цветовые комбинации для проектов.
  • Временные цвета — быстро сгенерируйте цвета для макетов и прототипов.
  • Арт-проекты — используйте случайные цвета как отправную точку для творчества.
  • Игры и челленджи — создавайте игры на основе цветов или дизайнерские испытания.

Конфиденциальность

Все цвета генерируются на 100% в вашем браузере. Данные не отправляются на сервер.