Оттенки цвета - Бесплатно онлайн | ToolXHub
Используйте Оттенки цвета бесплатно онлайн, без скачивания. ToolXHub предлагает сотни весёлых онлайн-инструментов.
Генератор цветовых оттенков
Выберите цвет и создайте градиент оттенков и теней. Нажмите на любой образец, чтобы скопировать его HEX-код.
Об этом инструменте
Оттенки цвета — бесплатный онлайн-инструмент (инструмент для цвета). Создание светлых/тёмных оттенков, дополнительных и аналогичных цветов. Отлично подходит для концентрации, отдыха или просто развлечения. Работает прямо в браузере — без загрузок и регистрации.
Введите базовый цвет (например, # 3B82F6), и инструмент автоматически генерирует серию цветовых уровней 50 - 900 (похожие на цветовую систему Tailwind CSS). 50 - самый мелкий, а 900 - самый глубокий.Каждый уровень цвета получается путем корректировки яркости и насыщенности на основе основного цвета.
Алгоритм генерации: в цветовом пространстве HSL, сохранить оттенок (H) неизменным и настроить яркость (L) и насыщенность (S).Светлые шаги уменьшают насыщенность и увеличивают яркость, в то время как темные шаги увеличивают насыщенность и уменьшают яркость для обеспечения единого видения.
Подходит для проектирования цветов в различных состояниях, таких как состояние нажима, нажатое состояние и отключенное состояние компонентов интерфейса пользователя.Он также используется для создания тематических цветовых систем и цветовых последовательностей для визуализации данных.Может быть экспортировано в виде CSS переменных, конфигураций Tailwind или JSON.
генератор цветовых уровней, который автоматически генерирует несколько вариантов уровней от светлого до глубокого на основе основного цвета для дизайна интерфейса пользователя и ссылки на соответствие цветов.