Генератор случайных цветов

Создавайте от 1 до 100 случайных цветов сеткой палитры, где каждый образец копируется по нажатию, в виде HEX, RGB или HSL. Выберите любой образец, чтобы скопировать его значение, или используйте «Копировать результат» / «Скачать» для всего списка — удобно для рядов диаграмм, фирменных заглушек и макетов дизайна. Эта страница только создаёт цвета; если нужно подобрать, перевести или найти цвета, используйте страницы Инструменты цвета или Коды цветов HTML.
Работает полностью локально — ничего не загружается.
Количество: Формат: Регистр HEX:
Нажмите на любой образец, чтобы скопировать его цвет. Переключатель регистра влияет только на вывод HEX.
Палитра
Список цветов
HEX, RGB, HSL — в чём разница?
#a1b2c3 — шестнадцатеричная тройка: aa красный, bb зелёный, cc синий в системе по основанию 16. rgb(161, 178, 195) — то же значение в десятичной записи. hsl(h, s%, l%) описывает цвет через тон (0–360° по кругу), насыщенность и светлоту — часто удобнее для подбора палитр. Все три описывают один и тот же цвет; эта страница просто выбирает случайное значение RGB и показывает все записи.
Как создаются случайные цвета?

Случайный цвет — это просто три случайных значения каналов: эта страница выбирает тройку RGB (каждый канал от 0 до 255) и показывает то же значение в HEX, RGB и HSL. HSL стоит знать, потому что он отделяет что это за цвет (тон, угол на круге) от насколько он яркий (насыщенность) и насколько светлый — если ограничить диапазоны светлоты и насыщенности, даже случайные выборки будут выглядеть как связная палитра, а не каша.

Случайность здесь означает новую выборку при каждом нажатии — ничего не закрепляется, поэтому скопируйте или скачайте палитру, которую хотите сохранить, прежде чем создавать заново.