Генератор цветового круга

• Мгновенная генерация цветового круга: генератор отображает полный круг из 360 оттенков в реальном времени, пока вы настраиваете насыщенность и светлоту. Изменения применяются мгновенно без задержки - без обращений к серверу и ожидания.
• Безопасная и приватная обработка: ваш цветовой круг создаётся полностью в браузере с помощью HTML5 canvas. Данные не загружаются на сервер, а ваши дизайнерские решения никогда не покидают устройство.
• Скачивание как PNG или SVG: экспортируйте цветовой круг как качественный PNG для презентаций и макетов или как масштабируемый SVG для печати, Figma, Illustrator и веба - всё в один клик.
• 100 % бесплатно навсегда: используйте этот генератор цветового круга без регистрации, подписок, ограничений по частоте и скрытых платных функций. Создавайте и скачивайте столько цветовых кругов, сколько нужно, совершенно бесплатно.

Генератор цветового круга - это инструмент, который отображает круговую визуализацию всего спектра оттенков - от 0° (красный) через 120° (зелёный) до 240° (синий) и обратно к 360° (красный) - при настраиваемой насыщенности и светлоте. Цветовой круг - основополагающий справочный инструмент в теории цвета, используемый для определения комплементарных, аналоговых, триадных и других гармонических отношений между цветами. Этот генератор цветового круга использует цветовую модель HSL (тон, насыщенность, светлота) для создания математически точных кругов, которые можно скачать в формате PNG или SVG для любого дизайнерского процесса.

1. Настройте насыщенность и светлоту: с помощью ползунков задайте насыщенность (интенсивность цвета, 0-100 %) и светлоту (яркость, 5-95 %) для всего круга. Все 360 оттенков отображаются с одинаковой насыщенностью и светлотой, поэтому круг показывает согласованную цветовую семью.
2. Выберите шаблон или число сегментов: выберите шаблон вроде «Пастельный», «Приглушённый» или «Тёмный» для перехода к распространённым конфигурациям или задайте число сегментов (12, 24, 36, 72 или 360), чтобы управлять количеством отдельных цветовых секторов в круге.
3. Скачайте как PNG или SVG: нажмите кнопку PNG, чтобы скачать растровое изображение для презентаций и макетов, или SVG - чтобы скачать полностью масштабируемый векторный файл для печати, Figma, Illustrator и веба. Оба файла называются со значениями насыщенности и светлоты для удобства.

• Насыщенность (0-100 %): управляет тем, насколько яркими или серыми выглядят цвета. При 0 % все оттенки становятся серыми. При 100 % цвета полностью насыщены и ярки. Пастельные круги обычно используют насыщенность 40-70 %.
• Светлота (5-95 %): управляет тем, насколько светлыми или тёмными выглядят цвета. При 50 % цвета находятся в самой яркой средней точке. Более высокие значения дают более светлые, пастельные тона; более низкие - более тёмные и насыщенные.
• Внутренний радиус (пончик): управляет размером полого центра. При 0 % круг представляет собой полный диск. Более высокие значения создают более тонкое кольцо - полезно для декоративных или печатных макетов.
• Сегменты: управляет тем, на сколько отдельных цветовых секторов делится круг. 360 сегментов создают круг с плавным градиентом; 12 сегментов создают классический 12-цветный круг, используемый в традиционном обучении теории цвета.

Генератор цветового круга использует цветовую модель HSL, которая является цилиндрическим представлением цветового пространства RGB. HSL не является перцептивно равномерной - это значит, что два цвета с одинаковым значением светлоты могут не казаться одинаково яркими человеческому глазу (например, жёлтый при L=50 % выглядит гораздо ярче синего при L=50 %). Для перцептивно равномерной работы с цветом рассмотрите модели OKLCH или LCH. Экспорт PNG отображается в 400×400 пикселей; для печати с более высоким разрешением скачайте SVG и экспортируйте его в нужном DPI из векторного редактора.