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

4 марта 2026 г.

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

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

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

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

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

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

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

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

Цвет	HEX	RGB	Длина волны, нм
Красный	`#FF0000`	255, 0, 0	625–740
Оранжевый	`#FF7F00`	255, 127, 0	590–625
Жёлтый	`#FFFF00`	255, 255, 0	565–590
Зелёный	`#00FF00`	0, 255, 0	500–565
Голубой	`#00FFFF`	0, 255, 255	485–500
Синий	`#0000FF`	0, 0, 255	440–485
Фиолетовый	`#8B00FF`	139, 0, 255	380–440

Значения 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: меняете только второй или третий параметр, оттенок остаётся тем же.

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

Часто задаваемые вопросы

Сколько цветов у радуги?

Классическая модель насчитывает 7 цветов: красный, оранжевый, жёлтый, зелёный, голубой, синий, фиолетовый. В природе спектр непрерывен – чёткие границы между цветами условны и зависят от культурной традиции. Английская модель, например, выделяет 6 цветов, исключая голубой.

Какие HEX-коды соответствуют цветам радуги?

Классические HEX-значения: красный – #FF0000, оранжевый – #FF7F00, жёлтый – #FFFF00, зелёный – #00FF00, голубой – #00FFFF, синий – #0000FF, фиолетовый – #8B00FF. Это насыщенные «чистые» варианты; реальная радуга выглядит мягче.

Чем отличается случайный цвет из 7 вариантов от случайного оттенка спектра?

Выбор из 7 вариантов даёт один из фиксированных названных цветов с равной вероятностью 1/7 ≈ 14,3%. Случайный оттенок спектра – это произвольное значение по всей шкале оттенков (Hue 0–360°), что даёт миллионы возможных результатов, включая переходные тона.

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

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

Можно ли использовать рандомайзер для жеребьёвки по цветам?

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

Является ли результат рандомайзера по-настоящему случайным?

Генератор использует псевдослучайный алгоритм браузера (Math.random). Для бытовых задач – дизайна, игр, жеребьёвки – этого достаточно. Криптографически стойкая случайность требует специальных алгоритмов и нужна только в задачах безопасности.

Какой формат цвета выдаёт инструмент?

Рандомайзер показывает название цвета, HEX-код (например, #FF7F00), а также значения RGB и HSL. Этого набора достаточно для работы в любом графическом редакторе, веб-вёрстке или программировании.