Farbe & Design
Tailwind-Farbfinder
Kostenloser Tailwind-Farbfinder. Fügen Sie eine beliebige HEX-, RGB- oder HSL-Farbe ein und erhalten Sie die nächstgelegene Tailwind CSS-Farbklasse. Zum Migrieren von Designs zu Tailwind.
Tailwind ↔ CSS color
Closest Tailwind colors
Anmerkung der Redaktion
Understanding · Twenty-two hues, eleven steps.
Dieses ausführliche Kapitel ist derzeit nur auf Englisch verfügbar. Das Konvertierungstool oben funktioniert in Ihrer Sprache; der lange Erklärtext wurde noch nicht übersetzt.
Häufig gestellte Fragen
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.
Andere suchten auch nach
Verwandte Tools
More in this room.
- Farbumrechner (HEX/RGB/HSL/OKLCH)HEX, RGB, HSL und modernes OKLCH — sofort.
- Kontrast-Checker (WCAG)WCAG AA / AAA Kontrast prüfen — bestanden oder nicht.
- Bild-Farbwähler & PaletteBild ablegen, Palette extrahieren.
- Farbenblindheits-SimulatorVorschau von Paletten durch Deuteranopie, Protanopie und mehr.
- Farbverlauf-GeneratorLineare, radiale und konische CSS-Farbverläufe.
- Box-Shadow-GeneratorVisueller CSS-Box-Shadow-Editor.