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

Кожен колір отримує випадковий відтінок від 0 до 359 градусів, насиченість від 35 до 95 відсотків і яскравість від 25 до 80 відсотків, обрані через crypto.getRandomValues. Межі відсікають вицвілі сірі, майже чорні й сліпучо майже білі, тож більшість результатів — придатні кольори.

Як залишити один колір і змінити решту?

Натисніть кнопку замка на зразку. Тоді «Згенерувати» і клавіша пробіл замінюють лише незаблоковані кольори. Натисніть кнопку ще раз, щоб розблокувати. Перемикання між «Один» і «Палітра з 5» зберігає кольори, які вже є.

Як скопіювати код кольору?

Кожен зразок має три кнопки з його значеннями HEX, RGB і HSL. Натисніть одну, щоб скопіювати саме цей текст у буфер обміну, наприклад #1A2B3C, rgb(26, 43, 60) або hsl(210, 40%, 18%). Текст на кожному зразку чорний або білий — той, що має кращий контраст за WCAG.

Як зберегти палітру?

«Завантажити PNG» зберігає зображення з усіма поточними кольорами поруч і їхніми кодами HEX. «Завантажити CSS» зберігає файл із блоком :root власних властивостей --color-1 — --color-5 у HEX малими літерами, готовий до вставлення в таблицю стилів.

Чи є історія?

Останні 12 наборів кольорів перелічено в «Історія», поки сторінка відкрита. Натисніть один, щоб повернути його, і його кольори розблокуються. Історія очищується, коли ви закриваєте або перезавантажуєте сторінку, і нічого не завантажується.

Це справді безкоштовно?

Так. Кожен інструмент безкоштовний, без облікового запису та кредитної картки. Робота виконується на вашому пристрої, а не на наших серверах, що й дає змогу залишати її безкоштовною.

Працює на мобільних?

Так. Працює в сучасних мобільних браузерах на iOS і Android, нічого встановлювати не потрібно.

🎨

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

Генеруйте випадкові кольори по одному або як палітру з п’яти, блокуйте ті, що сподобалися, копіюйте значення HEX, RGB чи HSL і експортуйте палітру як PNG або CSS.

Працює у браузеріБез реєстрації та спливаючих віконРеєстрація не потрібнаБезкоштовно назавжди

Натисніть пробіл, щоб отримати нові кольори.

#0F766E
#0369A1
#B45309
#BE185D
#4338CA

Експорт

🔒 Кольори створюються у вашому браузері. Нічого не завантажується й не зберігається.

Як це працює

Сторінка обирає випадковий відтінок, насиченість і яскравість для кожного кольору безпечним генератором випадкових чисел вашого браузера, а потім перетворює його на HEX, RGB і HSL.

1
Виберіть один колір чи палітру
Виберіть «Один» для одного великого кольору або «Палітра з 5» для ряду з п’яти.
2
Згенеруйте
Натисніть «Згенерувати» або пробіл. Щоб зберегти колір, спершу натисніть кнопку замка на його зразку.
3
Скопіюйте значення
Натисніть кнопку HEX, RGB або HSL на зразку, щоб скопіювати.
4
Експортуйте
Натисніть «Завантажити PNG» для зображення палітри або «Завантажити CSS» для власних властивостей.