Генераторы

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

Генерируйте случайные цвета в форматах HEX, RGB или HSL.

Запустить инструмент

Генератор случайных цветов создает одно или несколько цветовых значений для макета, прототипа, стилей CSS и других визуальных задач. В поле «Количество цветов» введите нужное число результатов, а в поле «Формат записи» укажите подходящее представление: hex, rgb или hsl. Если оставить первое поле пустым или ввести некорректный текст, инструмент использует значение по умолчанию, равное единице. При вводе чисел вне допустимого диапазона значение автоматически ограничивается диапазоном от 1 до 50. Вариант hex начинается со знака решетки и содержит шесть строчных шестнадцатеричных цифр. Вариант rgb выглядит как rgb(r, g, b), где каждый компонент записан целым числом от 0 до 255. Представление hsl содержит целые значения оттенка, насыщенности и светлоты, причем после насыщенности и светлоты стоят знаки процентов. Любая запись, отличная от hex, rgb или hsl, автоматически переключает вывод на шестнадцатеричный вид. Проверьте полученные значения в области результата перед добавлением в код проекта или палитру оформления.

Инструкция

  1. В поле «Количество цветов» укажите число от 1 до 50. Если оставить поле пустым, инструмент создаст один цвет.
  2. В поле «Формат записи» введите hex, rgb или hsl.
  3. Нажмите кнопку запуска генерации.
  4. Скопируйте сгенерированные значения из области результата для макета или стилей CSS.

Примеры

  • Чтобы получить 5 цветов для палитры интерфейса, укажите в поле «Количество цветов» значение 5, а в поле «Формат записи» выберите hex.
  • Для стилей CSS введите в поле «Количество цветов» значение 3, а в поле «Формат записи» укажите rgb. В панели результата появятся три значения вида rgb(r, g, b).

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

Сколько цветов создается по умолчанию?

Если поле «Количество цветов» не заполнено, создается один цвет.

Какие форматы поддерживаются?

Поддерживаются три варианта: hex, rgb и hsl. При вводе любого другого текста в поле «Формат записи» инструмент генерирует шестнадцатеричный код.

Как обрабатывается количество цветов?

Значение в поле «Количество цветов» приводится к целому числу и ограничивается диапазоном от 1 до 50. Если введен нечисловой текст, берется один цвет.

Как выглядят результаты генерации?

Шестнадцатеричный код начинается со знака решетки и шести строчных символов. RGB выводится как rgb(r, g, b), а HSL содержит целые числа оттенка, насыщенности и светлоты со знаками процентов после насыщенности и светлоты.

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

Добавьте рабочий инструмент SmartPlusLab на свой сайт с помощью кода ниже.