Toolipedia Встроить
RU
← Все инструменты для текста

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

Более светлые оттенки, тёмные тона и мягкие тона любого цвета с переменными CSS.

  • Бесплатно
  • Без регистрации
  • Работает на любом устройстве

Около Генератор оттенков и тонов

Начните с одного цвета и получите более светлые оттенки (смешанные с белым), более тёмные оттенки (смешанные с чёрным) и более приглушённые тона (смешанные с серым). Шаги выводятся как переменные CSS, готовые для таблицы стилей. Эти семейства цветов лежат в основе состояний при наведении, границ, фонов и отключённых кнопок.

Как пользоваться инструментом «Генератор оттенков и тонов»

  1. Введите свой базовый цвет в виде кода HEX или выберите его.
  2. Посмотрите на более светлые оттенки, более тёмные тона и более мягкие тона.
  3. Скопируйте отдельные цвета или переменные CSS для всего набора.

Чем полезен этот инструмент?

Другие названия

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

В чём разница между tint и shade?

Tint — это цвет, смешанный с белым, поэтому он светлеет. Shade — цвет, смешанный с чёрным, поэтому он темнеет. Tone — цвет, смешанный с серым.

Как называть переменные CSS для моих оттенков?

Используйте числовую шкалу вроде от 100 до 900, где малые числа светлые, а большие тёмные. Это делает названия короткими и лёгкими для расширения.

Для чего используются более мягкие тона?

Тона смешивают цвет с серым, снижая его интенсивность. Они подходят для фонов, границ и приглушённых элементов интерфейса, где чистый цвет был бы слишком громким.

Инструмент «Генератор оттенков и тонов» бесплатный?

Да. Инструмент «Генератор оттенков и тонов» на Toolipedia бесплатный: без регистрации и водяных знаков.

Это безопасно?

Да. Все вычисления выполняются в браузере, и ничего из введённого не отправляется на наш сервер.

Работает ли это на телефоне?

Да. Работает в любом современном браузере на Android и iPhone, а также на планшетах и компьютерах. Ничего не нужно устанавливать.

Нужна ли учётная запись?

Нет. Просто откройте страницу и пользуйтесь. Ни регистрации, ни электронной почты не нужно.

Можно ли разместить Генератор оттенков и тонов на моём сайте?

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

Похожие инструменты