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

Генерируйте случайные цвета со значениями HEX, RGB и HSL. Нажмите на образец, чтобы скопировать HEX-код.

Количество цветов

Поделиться вычислением

Скопируйте эту ссылку, чтобы поделиться текущими значениями с кем угодно.

Как пользоваться генератором случайных цветов

Задайте количество цветов (1-20) и нажмите «Создать». Каждая карточка показывает HEX-код и значения RGB и HSL.

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

HEX: 6-значный шестнадцатеричный код (напр. #FF5733). RGB: значения красного, зелёного, синего 0-255. HSL: тон, насыщенность, светлота.

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

Цвета действительно случайные?

Да — каждый канал (красный, зелёный, синий) независимо равномерно случаен от 0 до 255, что даёт 16,7 миллиона возможных цветов.

Как использовать эти цвета в CSS?

Скопируйте HEX-код: color: #FF5733. Или RGB: color: rgb(255, 87, 51). Или HSL: color: hsl(11, 100%, 60%).

Встроить этот инструмент

Добавьте этот инструмент на ваш сайт, скопировав фрагмент ниже.

<iframe
  src="https://www.purr.tools/ru/embed/generator-sluchaynogo-cveta"
  width="100%"
  height="500"
  style="border:0;border-radius:8px;"
  loading="lazy"
  title="Генератор случайных цветов"
  allow="clipboard-write"
></iframe>