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

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

Почему цвет не из трёх случайных байтов

Проще всего взять три случайных числа от 0 до 255 — и так делает большинство генераторов. Беда в том, что среди 16,7 миллиона сочетаний чистых и звонких цветов меньшинство, а серо-бурых и мутных большинство. Нажимая кнопку, вы будете получать в основном грязь.

Здесь цвет берётся иначе: по кругу выбирается оттенок, а насыщенность и светлота — из диапазона, который задан набором. Поэтому «Яркий» всегда звонкий, «Пастельный» всегда мягкий, а два одинаковых цвета подряд не выпадают.

Наборы

«Пастельные» дают светлые и негромкие цвета, для фона и заливок. «Яркие» дают насыщенные, для акцентов и кнопок. «Светлые» и «Тёмные» ограничивают светлоту сверху и снизу. В «Тёплых» выпадают красные, оранжевые и жёлтые оттенки, в «Холодных» — зелёно-голубые, синие и фиолетовые.

Свой оттенок

Оттенок в HSL — это угол на цветовом круге от 0 до 360. Ноль соответствует красному, 60 жёлтому, 120 зелёному, 180 голубому, 240 синему, 300 сиреневому. Задайте начало и конец дуги, и цвет будет выпадать только из неё. Дуга может идти через ноль: от 340 до 20 получатся розово-красные оттенки.