Перейти до вмісту
TextArray
100% локально

Генератор випадкових кольорів

Створюйте випадкові кольори HEX, RGB або HSL зі світлими, темними, пастельними та яскравими палітрами.

Вихід

Генератор випадкових кольорів

Генеруйте від одного до ста випадкових кольорів одним клацанням миші. Кожен колір розміщується в окремому рядку як значення HEX, нотація rgb() або hsl() або всі три поруч, тож ви можете вставити результат прямо в CSS, файл маркера дизайну, конфігурацію діаграми чи електронну таблицю. Зміна кількості, формату чи палітри миттєво перераховує список.

Випадкові кольори корисні частіше, ніж здається: фони-заповнювачі для карток і аватарів, чіткі кольори серії для швидкої діаграми, вихідні значення для дошки настрою, тестові дані для системи оформлення тем або просто вихід із творчої колії. Оскільки колір, отриманий рівномірно з повного куба RGB, зазвичай каламутний, натомість цей генератор працює в просторі HSL і обмежує насиченість і освітленість для кожної палітри: світлий зберігає яскравість між 70 і 90 відсотками, темний — між 10 і 35, пастельний поєднує м’яку насиченість від 25 до 45 відсотків із високою світлою, а яскравий підвищує насиченість до 85–100 відсотків на середній. легкість. Any повністю знімає обмеження.

Include alpha додає випадкову непрозорість до кожного кольору та друкує його в кожній нотації — 8-значне шістнадцяткове значення, rgba() і hsla(). Один колір на лінію означає, що вихідний сигнал підключається безпосередньо до перетворювача кольорів або засобу перевірки контрасту, коли ви хочете перевірити значення далі.

Усе працює локально у вашому браузері: запити не надсилаються, нічого не реєструється, а випадковість надходить від криптографічно захищених crypto.getRandomValues, вибірка яких відхиляється, тому кожне значення в діапазоні однаково вірогідне.

FAQ

Кольори десь завантажені?
Ні. Вони повністю генеруються у вашому браузері та ніколи не залишають ваш пристрій. Нічого не надсилається, не зберігається та не реєструється.
Наскільки випадковими є кольори?
Відтінок, насиченість і яскравість малюються за допомогою криптографічно захищених crypto.getRandomValues із використанням відхиленої вибірки, тому немає зсуву за модулем — кожне значення в діапазоні однаково вірогідне.
Чому інструмент генерує HSL замість RGB?
HSL відокремлює відтінок від насиченості та яскравості, тому палітра, як-от «пастель» або «яскравий», є лише обмеженням на два числа. Кожен колір потім перетворюється на RGB і HEX за допомогою простої математики, тому всі три позначення описують точно той самий колір.
Що робить «Включити альфа»?
Він надає кожному кольору випадкову непрозорість від 0 до 1 і друкує його в кожній нотації: 8-значне шістнадцяткове значення, rgba() і hsla().
Чи можу я перетворити згенерований колір на інше позначення?
Виберіть «Усі три», щоб побачити HEX, RGB і HSL поруч, або вставте будь-який рядок у конвертер кольорів для шістнадцяткового верхнього регістру, сучасного синтаксису та палітр відтінків.