Цвет и дизайн
Поиск цвета Tailwind
Бесплатный поиск цвета Tailwind. Вставьте любой HEX, RGB или HSL цвет и получите ближайший класс цвета Tailwind CSS. Для миграции дизайнов в Tailwind.
Tailwind ↔ CSS color
Closest Tailwind colors
Примечание редактора
Understanding · Twenty-two hues, eleven steps.
Эта углублённая глава пока доступна только на английском языке. Инструмент конвертации выше работает на вашем языке; развёрнутая статья ещё не переведена.
Часто задаваемые вопросы
Quick answers.
›Which Tailwind palette is used?
The default Tailwind 3.x palette — slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose.
›How is 'closest' calculated?
Perceptual distance in Lab color space — much better than naive RGB distance, which often picks visually-wrong colors.
›Can I find multiple matches?
Yes — we show the top 3 closest colors so you can pick the best for your design.
›Is the tool free?
Yes — fully free, no signup.
Люди также ищут
Связанные инструменты
More in this room.
- Конвертер цвета (HEX/RGB/HSL/OKLCH)HEX, RGB, HSL и современный OKLCH — мгновенно.
- Проверка контрастности (WCAG)Проверьте контрастность WCAG AA / AAA — соответствует или нет.
- Выбор цвета изображения и палитраПеретащите изображение, извлеките его палитру.
- Симулятор дальтонизмаПредварительный просмотр палитр через дейтеранопию, протанопию и многое другое.
- Генератор градиентовЛинейные, радиальные и конические градиенты CSS.
- Генератор Box ShadowВизуальный редактор CSS box-shadow.