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

Як користуватися генератором випадкових кольорів

1. Задайте Кількість кольорів (від 1 до 20).
2. Виберіть Режим: - Випадково в діапазоні вибирає кожен колір незалежно. Звужуйте діапазони Відтінок (°), Насиченість (%) та Яскравість (%) полями «від» і «до», щоб лишатися в межах сімейства кольорів, наприклад лише пастельних чи лише синіх. - Гармонійна палітра (OKLCH) вибирає один випадковий базовий колір і будує решту за колірною гармонією. Виберіть Гармонію (Комплементарна, Аналогова, Тріада, Роздільно-комплементарна, Тетрада, Квадрат, Монохромна) або залиште Здивуйте мене, щоб щоразу отримувати іншу гармонію.
3. Натисніть Згенерувати кольори. Кожна картка показує колір разом із його кодами HEX, RGB та HSL; маленькі кнопки HEX, RGB і HSL копіюють відповідний код.
4. Натисніть Заблокувати біля кольорів, які хочете зберегти, а потім знову Згенерувати кольори: зміняться лише розблоковані кольори. Натисніть кнопку ще раз, щоб розблокувати колір.
5. Виберіть формат у розділі Експортувати як (Список HEX, Змінні CSS, Змінні SCSS, Масив JSON або Кольори Tailwind) і скористайтеся Копіювати чи Завантажити, щоб забрати весь набір із собою.

Як вибираються кольори

У режимі Випадково в діапазоні відтінок, насиченість і яскравість вибираються рівномірно в заданих вами діапазонах, а потім перетворюються з HSL у RGB за тією самою формулою, яку браузери використовують для hsl(). Діапазон відтінку може переходити через червоний: від 330 до 30 дає рожеві, червоні й помаранчеві кольори, проходячи через 0°. Кілька корисних налаштувань:

• Пастельні: насиченість 40–80%, яскравість 75–90%.
• Темні приглушені тони: насиченість 10–40%, яскравість 15–35%.
• Лише сині: відтінок 190–250.
• Теплі кольори: відтінок від 330 до 60.

У режимі Гармонійна палітра (OKLCH) інструмент працює в OKLCH – перцептивній колірній моделі, де однакові кроки яскравості виглядають для ока однаковими. Перший заблокований колір використовується як базовий; якщо нічого не заблоковано, вибирається випадковий базовий колір середньої світлоти й доволі високої насиченості. Решта кольорів беруть кути відтінку гармонії (наприклад, +120° і +240° для тріади) з невеликою випадковою варіацією відтінку, світлоти й кольоровості, тож кожне натискання дає новий результат. Коли ви просите більше кольорів, ніж у гармонії відтінків, додаткові кольори повторно використовують кути зі світлішими й темнішими варіантами. Монохромна гармонія зберігає один відтінок і розподіляє яскравість від темної до світлої.

Кольори, що виходять за межі можливостей екрана sRGB, повертаються в діапазон зниженням кольоровості, тож кожен скопійований код HEX – це реальний колір, який можна показати.

Де корисні випадкові кольори

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