Toolzy

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

Превратите базовый цвет в шкалу оттенков 50–900 как в Tailwind CSS.

50
#f0f6fe
100
#e2ecfe
200
#bbd4fc
300
#8ab5f9
400
#5996f7
500
#2977f5
600
#0b5ee5
700
#094cb9
800
#073a8d
900
#052861

Выберите базовый цвет и получите полную шкалу оттенков от 50 до 900, готовую для вашей конфигурации Tailwind. Каждый образец копируется.

Как использовать

  1. Выберите базовый цвет
  2. Посмотрите шкалу оттенков 50–900
  3. Скопируйте hex-код любого оттенка

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

Как строятся оттенки?
Мы сохраняем ваш оттенок и насыщенность и сопоставляем каждый шаг с целевой светлотой.
Какой шаг соответствует моему цвету?
Диапазон 500–600 ближе всего к типичному базовому цвету.

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