RT Random Tools

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

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

🔒 Працює повністю у вашому браузері — нічого не завантажується

Tip: a hue min larger than the max wraps around the color wheel (330 to 30 gives reds and pinks).

Click a color to copy it. Lock the ones you like, then re-roll the rest.

Advertisement

Випадкові кольори з контролем над результатом

Цілком випадковий колір часто буває брудним або кричущим, тому цей генератор дає змогу керувати випадковістю. Кожен колір обирається в моделі HSL: відтінок від 0 до 360 градусів, насиченість у відсотках і світлота у відсотках. Обмежуючи кожен із цих трьох діапазонів, ви можете отримати що завгодно — від ніжних пастельних тонів до глибоких темних відтінків і соковитих яскравих кольорів — і все одно щоразу бачити інший результат після натискання «Generate».

Пресети — це відправні точки. «Pastel» використовує помірну або високу насиченість із високою світлотою, «Dark» тримає світлоту низькою, а «Vivid» піднімає насиченість до високої за середньої світлоти. Змініть будь-яке поле після цього, і пресет перемкнеться на «Custom». Щоб залишатися в межах однієї родини кольорів, звузьте діапазон відтінку: приблизно від 90 до 150 дає зелені, а діапазон, що переходить через нуль, наприклад від 330 до 30, дає червоні й рожеві.

Фіксуйте, перегенеровуйте та створюйте палітру

Генеруйте до п’ятдесяти кольорів одночасно, а потім натискайте кнопку фіксації «Lock» на тих, які хочете зберегти. Під час повторної генерації зафіксовані кольори залишаються на місці, а замінюються лише решта. Так легко нарощувати палітру крок за кроком: знайдіть базовий колір, який вам подобається, зафіксуйте його й генеруйте далі, доки супутні кольори не пасуватимуть. Кожен зразок автоматично обирає чорний або білий текст на основі відносної яскравості, тож значення залишається читабельним на будь-якому тлі.

Копіюйте та експортуйте палітру

Клацніть будь-який зразок, щоб скопіювати його значення у вибраному форматі: HEX, як-от #3B82F6, RGB, як-от rgb(59, 130, 246), або HSL, як-от hsl(217, 91%, 60%). Щоб забрати весь набір, скопіюйте всі значення разом або завантажте їх як текстовий список, масив JSON, файл CSS із користувацькими властивостями на зразок --color-1 чи смужку зразків у форматі PNG. Випадкові значення надходять із безпечного генератора випадкових чисел браузера, і ніщо створене вами не залишає ваш пристрій, тож інструмент стане в пригоді для дизайн-макетів, ігрової графіки, діаграм, тимчасових тем оформлення та творчих завдань.

Як користуватися

  1. Задайте кількість і форматВиберіть, скільки кольорів вам потрібно — від 1 до 50, — і чи показувати значення HEX, RGB або HSL.
  2. Оберіть пресет або межіСкористайтеся пресетом «Pastel», «Dark» чи «Vivid» або задайте власні діапазони відтінку, насиченості та світлоти.
  3. Фіксуйте й перегенеровуйтеНатисніть «Generate», зафіксуйте кольори, які вам подобаються, а потім згенеруйте знову, щоб замінити лише незафіксовані.
  4. Скопіюйте або експортуйтеКлацніть будь-який колір, щоб скопіювати його, або завантажте всю палітру як текст, JSON, змінні CSS чи PNG.

Часті запитання

Що роблять обмеження відтінку, насиченості та світлоти?
Кожен новий колір обирається випадково в межах заданих вами діапазонів. Відтінок — це положення на колірному колі від 0 до 360, насиченість — наскільки інтенсивний колір, а світлота — наскільки він близький до чорного чи білого.
Чи може діапазон відтінку переходити через нуль?
Так. Якщо мінімум більший за максимум, діапазон переходить через 360, тож від 330 до 30 дає червоні й рожеві.
Як зберегти кольори, що мені подобаються?
Натисніть «Lock» під кольором. Зафіксовані кольори залишаються на місці під час повторної генерації, а замінюються лише інші.
Які формати експорту доступні?
Можна скопіювати всі значення або завантажити простий текстовий список, масив JSON, файл CSS із користувацькими властивостями чи зображення PNG зі зразками.
Чи завантажується щось на сервер?
Ні. Кольори генеруються та експортуються повністю у вашому браузері.
Advertisement