Генератор случайных цветов
Генерируйте один или несколько случайных цветов и сразу считывайте их коды HEX, RGB и HSL, а также оптимальный цвет текста для наложения.
Hue mode
Primary color: #2591F8
Как работает этот калькулятор?
Генератор случайных цветов подбирает значения красного, зелёного и синего от 0 до 255 и представляет полученный цвет в форматах HEX, RGB и HSL. Также вычисляется относительная яркость цвета и предлагается чёрный или белый текст для удобочитаемого контраста. Выберите количество цветов и режим оттенка, чтобы сместить палитру в тёплую, холодную или пастельную сторону.
Формула
How this is calculated
Поле «Количество цветов» задаёт число независимых случайных цветов (от 1 до 12), а список «Режим оттенка» определяет характер случайного распределения. В режиме «любой» каждый из каналов — красного, зелёного и синего — является независимым целым числом от 0 до 255, что даёт равномерно случайный цвет во всём 24-битном пространстве. В режимах «тёплый», «холодный» и «пастельный» выбираются оттенок, насыщенность и светлота в ограниченных диапазонах HSL, а затем преобразуются обратно в RGB, чтобы цвета принадлежали узнаваемой гамме.
Каждый цвет представлен тремя способами. HEX строится преобразованием каждого канала в двузначную шестнадцатеричную строку с последующим объединением после символа «#». HSL выводится из нормализованных каналов: оттенок определяется тем, какой канал является максимальным, светлота — средним значением наибольшего и наименьшего каналов, насыщенность — разбросом каналов, делённым на 1 − |2L − 1|. Это равнозначные представления одного и того же цвета.
Предлагаемый цвет текста использует относительную яркость по стандарту WCAG. Каждый канал нормируется до 0–1 и линеаризуется с помощью передаточной кривой sRGB, затем объединяется по формуле 0.2126·R + 0.7152·G + 0.0722·B. Если яркость превышает около 0.179, фон считается «светлым» и рекомендуется чёрный текст, иначе белый текст обеспечивает лучший контраст. Поскольку цвета случайные, результаты меняются при каждом пересчёте.
Часто задаваемые вопросы
Это три способа записи одного и того же цвета. RGB задаёт интенсивности красного, зелёного и синего (0–255), HEX — те же значения в шестнадцатеричной записи, а HSL описывает цвет через оттенок, насыщенность и светлоту.
Сравнивается относительная яркость цвета с порогом (~0.179). Для более светлого фона выбирается чёрный текст, для более тёмного — белый, что обеспечивает читаемость в соответствии с рекомендациями WCAG по контрастности.
Они ограничивают диапазоны случайных значений оттенка, насыщенности и светлоты: тёплый акцентирует красные, оранжевые и жёлтые тона, холодный — зелёные, синие и фиолетовые, а пастельный удерживает насыщенность низкой и светлоту высокой для мягких оттенков.
Также известен как
TG we-Calculate Editorial Team. (2026). Генератор случайных цветов [Online calculator]. TG we-Calculate. https://we-calculate.com/ru/calculator/random-color-generator
TG we-Calculate Editorial Team. "Генератор случайных цветов." TG we-Calculate. 2026. https://we-calculate.com/ru/calculator/random-color-generator.
TG we-Calculate Editorial Team, "Генератор случайных цветов," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/ru/calculator/random-color-generator
@misc{wecalculate_random_color_generator, title = {Генератор случайных цветов}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/ru/calculator/random-color-generator}}, year = {2026}, note = {TG we-Calculate} }
Этот калькулятор вам помог?