Генератор випадкових кольорів
Згенеруйте один або кілька випадкових кольорів і миттєво побачте їхні коди HEX, RGB та HSL, а також оптимальний колір тексту поверх них.
Hue mode
Primary color: #19DB05
Як працює цей калькулятор?
Генератор випадкових кольорів вибирає значення червоного, зеленого та синього від 0 до 255 для формування кольору, потім показує його як HEX, RGB та HSL. Він також обчислює відносну яскравість кольору та пропонує чорний або білий текст для читабельного контрасту. Виберіть кількість і режим відтінку для теплої, холодної або пастельної палітри.
Формула
How this is calculated
Поле «Кількість кольорів» контролює, скільки незалежних випадкових кольорів генерується (від 1 до 12), а вибір «Режим відтінку» визначає розподіл. У режимі «будь-який» кожен із каналів червоного, зеленого та синього є незалежним цілим числом від 0 до 255, що дає рівномірно випадковий колір у повному 24-бітному просторі. Режими «теплий», «холодний» та «пастельний» натомість вибирають відтінок, насиченість і яскравість в обмежених діапазонах HSL і перетворюють це назад у RGB, тому кольори залишаються в помітній гамі.
Кожен колір показується трьома способами. HEX будується шляхом перетворення кожного каналу в двозначний рядок з основою 16 і об'єднання після '#'. 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/uk/calculator/random-color-generator
TG we-Calculate Editorial Team. "Генератор випадкових кольорів." TG we-Calculate. 2026. https://we-calculate.com/uk/calculator/random-color-generator.
TG we-Calculate Editorial Team, "Генератор випадкових кольорів," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/uk/calculator/random-color-generator
@misc{wecalculate_random_color_generator, title = {Генератор випадкових кольорів}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/uk/calculator/random-color-generator}}, year = {2026}, note = {TG we-Calculate} }
Чи допоміг вам цей калькулятор?