Обновлено: 4 марта 2026 г.

Рандомайзер цвета радуги

Нужно выбрать цвет, а творческий ступор мешает остановиться на чём-то одном? Или ведёте жеребьёвку и хотите честный случайный результат? Рандомайзер ниже выдаёт цвет радуги за одно нажатие.

Как работает генератор

Инструмент работает в двух режимах.

Классические 7 цветов – алгоритм выбирает один из фиксированных цветов радуги с равной вероятностью: каждый выпадает примерно в 14,3% случаев. Результат включает название цвета, цветовой образец и его точный код.

Случайный оттенок спектра – генерируется произвольное значение по шкале оттенков HSL в диапазоне 0–360°, насыщенность фиксируется на 100%, яркость – на 50%. Это соответствует «чистым» спектральным цветам без примеси серого или белого. Итог – миллионы возможных оттенков вместо семи фиксированных.

В обоих режимах калькулятор выдаёт полный набор форматов: HEX, RGB и HSL – чтобы сразу вставить значение в CSS, Figma, Photoshop или любой другой инструмент.

Семь цветов радуги: названия, HEX и место в спектре

Классическое деление спектра принято в русской и большинстве европейских традиций. Запомнить порядок помогает фраза «Каждый Охотник Желает Знать, Где Сидит Фазан».

Значения HEX выше – насыщенные «эталонные» варианты. Реальная радуга мягче: переходы плавные, а цвета чуть бледнее из-за рассеивания света в каплях воды.

Для чего применяют рандомайзер цвета

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

Жеребьёвка и командные игры. Семь цветов удобно покрывают большинство командных форматов. Каждой команде присваивают цвет заранее, затем прокручивают рандомайзер – честный и наглядный способ распределить роли или порядок ходов.

Обучение и детское творчество. Педагоги используют инструмент на уроках рисования, когда ученику нужно работать с ограниченной, но живой палитрой. Случайный выбор убирает тревогу перед «правильным» решением.

Разработка интерфейсов. При тестировании UI-компонентов разработчики подставляют случайные цвета, чтобы проверить, как компонент ведёт себя с разными значениями фона или акцента – особенно на контраст и читаемость текста.

Генерация идей. Цвет запускает ассоциации. Если нужна концепция для иллюстрации, бренда или интерьера – случайный цвет радуги задаёт направление быстрее, чем долгое листание референсов.

Чем HSL удобнее HEX при работе со спектром

HEX-код – удобный формат для копирования и вставки, но он не показывает структуру цвета. HSL расшифровывается как Hue (оттенок), Saturation (насыщенность), Lightness (яркость).

Оттенок (H) – это угол на цветовом колесе от 0 до 360°. Значения примерно соответствуют: 0° – красный, 30° – оранжевый, 60° – жёлтый, 120° – зелёный, 180° – голубой, 240° – синий, 270–280° – фиолетовый.

Зная оттенок, легко создать гармоничную палитру: аналоговые цвета отличаются на ±30°, комплементарные – на 180°. Поэтому при получении случайного оттенка спектра именно значение H – ключевое число для дальнейшей работы.

Как получить «мягкую» радугу вместо кричащей

Чистые спектральные цвета с насыщенностью 100% и яркостью 50% – максимально интенсивные. Для большинства дизайн-задач они слишком агрессивны. Несколько правил для адаптации:

• Снизьте насыщенность до 60–75% – цвет станет менее кричащим, но останется узнаваемым.
• Поднимите яркость до 65–80% – получите пастельный вариант, подходящий для фонов.
• Добавьте 10–15% серого (снизьте насыщенность) – цвет приобретёт «земной» оттенок и лучше сочетается с нейтральными тонами.

Все эти манипуляции удобно делать прямо в HSL: меняете только второй или третий параметр, оттенок остаётся тем же.

Результаты генератора подходят для творческих и игровых задач. Для профессиональной цветокоррекции и полиграфии используйте калиброванные цветовые профили.