Можно ли создать градиент из одного цвета?

Да, выберите режим «Градиент» и укажите количество шагов, чтобы получить последовательность от светлых до темных оттенков.

Что делает опция «Сохранить относительную насыщенность»?

Она позволяет изменять яркость цвета, не искажая его исходную интенсивность и чистоту оттенка.

Какой диапазон регулировки яркости доступен?

Вы можете изменять яркость в диапазоне от -100% (полное затемнение до черного) до +100% (полное осветление до белого).

Можно ли получить дополнительные цвета?

Да, активируйте опцию «Включить дополнительные цвета», чтобы инструмент сгенерировал комплементарные пары для вашего базового оттенка.

В каком формате выдается результат?

Инструмент предоставляет готовые цветовые значения, которые можно скопировать для использования в CSS или графических редакторах.

Elysia Tools

Навигация

Design

Осветление/Затемнение Цвета

Настройте яркость цвета и создайте вариации

Запуск

Запустить этот инструмент

Заполните форму, запустите инструмент и посмотрите результат на этой же странице.

Ввод

Заполните нужные поля и запустите инструмент.

6 параметров

НастройкиНастройте форматы, диапазоны, числа и режимы.4

Базовый ЦветcolorОбязательноТип РегулировкиselectОбязательноВеличина Регулировки (%)rangeНеобязательно

-100100

Величина регулировки яркости цвета (-100% до +100%)Шаги ГрадиентаnumberНеобязательноПрименяется только когда выбран "Градиент (полный диапазон)". Управляет количеством цветов в последовательности градиента (2-20 шагов)

ПереключателиВключайте или отключайте дополнительные режимы.2

Включить Дополнительные ЦветаcheckboxНеобязательноВключено, если отмеченоСохранить Относительную НасыщенностьcheckboxНеобязательноВключено, если отмечено

Результат

Готово к запуску

После запуска здесь появятся файлы, текст, структурированные данные или потоковый вывод.

Примеры

Примеры для этого инструмента

Связано

Осветление/Затемнение Цвета

Запустить этот инструмент

Ввод

Результат

Примеры для этого инструмента

Продолжить с похожими инструментами и темами

Ввод

Результат

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

Ключевые факты

Обзор

Когда использовать

Как это работает

Сценарии использования

Примеры

1. Создание палитры для кнопок

2. Генерация градиента для инфографики

FAQ

Примеры цветовых кодов

Примеры Обработки Изображений Android Java

Примеры Обработки Изображений Android Kotlin

Примеры Обработки Изображений Web Python

Комплемент Цвета

Сдвигатель Оттенка Цвета

Инвертор Цветов

Насыщенность/Обесцвечивание Цвета

Генераторы CSS-эффектов, палитр и дизайн-токенов

Инструменты цветового дизайна и преобразования цветовых пространств

Инструменты перевода цветовых пространств для веба и печати

Instrumenty audita web-dostupnosti i proverki chitaemyh cvetov