Что такое Поиск цветов Tailwind?

Tailwind Color Finder принимает любой HEX-цвет и мгновенно находит ближайший подходящий CSS-класс Tailwind. Вместо того чтобы на глаз сравнивать цветовые палитры, вставьте HEX-код из дизайн-инструмента и получите точное имя класса Tailwind для использования в разметке.

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

1. Введите HEX-код цвета из дизайн-макета или выберите цвет с помощью палитры.
2. Инструмент мгновенно покажет ближайший класс цвета Tailwind CSS с визуальным сравнением бок о бок.
3. Скопируйте имя класса Tailwind (например, bg-blue-500) прямо в код. Оцените расстояние между цветами, чтобы понять точность совпадения.

Результат

Дизайнер передал вам фирменный цвет #2563EB. Вставьте его — инструмент покажет точное совпадение с blue-500. Для #3A7BC8 ближайшим совпадением будет sky-600 с показателем расстояния, отражающим степень близости.

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