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

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

Создавайте светлые и темные варианты цвета, настраивая количество шагов и состав результата.

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

Генератор оттенков цвета создает более светлые и более темные варианты на основе введенного шестнадцатеричного цвета. Введите шестнадцатеричный код цвета, задайте количество шагов и выберите группы, которые нужно включить в расчет. Если запись не начинается со знака #, инструмент автоматически добавит его перед разбором. Трехзначная запись, например 3a7 или f00, расширяется до шестизначной через повторение каждого символа. По умолчанию задан цвет #3498db, количество шагов равно 10, а обе группы вариантов включены. Светлые и темные варианты рассчитываются независимо, поэтому в итоговом списке может остаться только одна группа или обе сразу. При указании положительного целого числа шагов каждая включенная группа содержит ровно заданное количество элементов. При расчете компоненты красного, зеленого и синего каналов округляются до целых чисел и ограничиваются допустимым диапазоном от 0 до 255. Если введен некорректный цвет, генерация прерывается, а на экране появляется сообщение об ошибке.

Инструкция

  1. Введите шестнадцатеричный цвет в поле «Цвет». Символ # в начале можно не указывать.
  2. В поле «Количество шагов» задайте положительное целое число.
  3. С помощью флажков «Включить светлые варианты» и «Включить темные варианты» выберите группы результата.
  4. Запустите инструмент и проверьте созданные варианты.

Примеры

  • Введите #3498db, выберите количество шагов 10 и оставьте включенными обе группы. В результате появится по 10 более светлых и более темных вариантов.
  • Укажите 3a7, отключите светлые варианты и запустите генерацию. Символ # добавится автоматически, а результат будет содержать только более темные варианты.

Частые вопросы

В каком формате вводить цвет?

Введите цвет в шестнадцатеричном формате, например #3498db или 3a7. Если в начале нет символа #, инструмент добавит его автоматически. Трехзначная запись расширяется повторением каждого символа.

Что означает параметр «Количество шагов»?

Параметр «Количество шагов» задает число вариантов в каждой включенной группе. Например, при значении 5 выбранная группа будет содержать пять вариантов.

Можно ли оставить только светлые или только темные варианты?

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

Что произойдет при некорректном цвете?

Если цвет не удается преобразовать, в возвращаемых данных появится индикация ошибки. Проверьте шестнадцатеричную запись и повторите запуск.

Встроить этот инструмент

Добавьте рабочий инструмент SmartPlusLab на свой сайт с помощью кода ниже.