Аналоговая цветовая схема
FreeСоздайте гармоничную аналоговую цветовую палитру из любого базового цвета прямо в браузере.
Работает полностью в вашем браузере.
Недавняя активность
Видно всем. Последние 20 использований от всех посетителей, сначала новые.
Пока нет активности. Будьте первым.
Что делает этот инструмент
Этот инструмент генерирует аналоговую цветовую схему из базового цвета прямо в браузере. Выберите или введите цвет, укажите, сколько цветов и насколько широким должен быть шаг угла, и получите гармоничную палитру со значениями HEX, RGB и HSL для каждого цвета.
Какие проблемы решает
- Построение гармоничной цветовой палитры для веб-сайта, приложения или бренда из одного начального цвета.
- Поиск согласованных акцентных цветов для иллюстраций, презентаций или визуализации данных.
- Генерация готовых к использованию пользовательских CSS-свойств для дизайн-системы.
- Изучение того, как цвет соотносится со своими соседями на цветовом круге.
Часто задаваемые вопросы
›Что такое аналоговая цветовая схема?
Аналоговая цветовая схема использует цвета, расположенные рядом друг с другом на цветовом круге, обычно в пределах 30-60 градусов от базового оттенка. Поскольку оттенки близки друг к другу, эти палитры воспринимаются гармоничными и цельными, а не контрастными.
›Как генерируется палитра?
Ваш базовый цвет преобразуется в HSL, затем генерируются новые цвета путём сдвига оттенка вверх и вниз на выбранный вами шаг угла, сохраняя ту же насыщенность и яркость, что и у базового цвета, поэтому каждый цвет в палитре ощущается частью одного семейства.
›Какой шаг угла мне следует использовать?
30 градусов - традиционный выбор для аналоговых схем, хорошо подходящий для большинства дизайнов. Используйте 15 градусов для более тонкой, плотно сгруппированной палитры, или 45 градусов для более широкого разброса, который начинает вносить больше контраста.
›Могу ли я использовать палитру напрямую в CSS?
Да, используйте «Скопировать как переменные CSS», чтобы скопировать готовый к вставке блок :root с каждым цветом как пользовательским свойством, или «Скопировать как список HEX», чтобы скопировать только hex-коды, по одному в строке.
›Чем это отличается от комплементарной или триадной схемы?
Комплементарные схемы сочетают цвет с противоположным ему на круге (разница в 180 градусов) для высокого контраста, а триадные схемы используют три равномерно расположенных цвета через 120 градусов. Аналоговые схемы вместо этого держат все цвета близко друг к другу, отдавая предпочтение гармонии перед контрастом.
Похожие инструменты
Изображение
Гистограмма изображения
Просматривайте красную, зелёную, синюю или яркостную гистограмму фотографии, с режимом наложения и статистикой Мин/Макс/Среднее/Медиана/СтдОткл прямо в браузере.
FreeИзображение
Генератор случайных битмапов
Создайте случайный битмап-узор из чёрно-белых или цветных квадратов, с воспроизводимым сидом и пакетной загрузкой в ZIP прямо в браузере.
FreeИзображение
RGB-каналы изображения
Разделите фотографию на красный, зелёный и синий каналы в оттенках серого или цветном виде, объедините их обратно и скачайте в ZIP прямо в браузере.
FreeИзображение
Конвертер и просмотрщик SVG
Конвертируйте SVG в PNG, JPEG, WEBP, BMP, ICO или AVIF, или оберните PNG/JPEG/WEBP/BMP/GIF/ICO в допустимый SVG с автоматическим определением направления прямо в браузере.
Комментарии (0)
Понравился инструмент? Оставьте комментарий, поделитесь советом или расскажите, как нам его улучшить.
Пока нет комментариев. Будьте первым, кто поделится мнением!