Farbcode-Konvertierungstool

Farbtool mit gegenseitiger Konvertierung von HEX / RGB / HSL / HSV. Wählen Sie einfach aus dem Farbwähler, um CSS-Code in jedem Format gleichzeitig zu generieren. Kontrastsatz wird automatisch berechnet.

100% Free No signup Browser-only 5 languages Dark mode

HEX

RGB

HSL

HSV

CSS-Format

Kontrastquotient

Weißer Hintergrund (#FFF)

Schwarzer Hintergrund (#000)

WCAG AA: Normaltext 4,5 oder höher · großer Text 3,0 oder höher / AAA: Normaltext 7,0 oder höher

Tonvariation

Falls nicht richtig funktioniert oder die Anzeige fehlerhaft ist KontaktformularBitte berichten Sie uns von hier aus.

📖 Wie man es benutzt

1

Pick a color

Use the color picker or type HEX / RGB / HSL directly.
2

See all formats

HEX / RGB / RGBA / HSL / HSV / CMYK update instantly.
3

Check contrast ratio

WCAG contrast ratio (AA/AAA) against background is shown — essential for a11y.

❓ Häufig gestellte Fragen

What are the WCAG contrast ratio requirements?

Normal text: AA 4.5:1, AAA 7:1. Large text (18pt+): AA 3:1, AAA 4.5:1.

Difference between HEX and RGB?

HEX (#FF5733) is hex representation of 3 bytes. RGB shows the same info in decimal. HEX is shortest for CSS/HTML; RGB is easier for alpha.

When to use HSL vs HSV?

HSL (hue/sat/lightness) is great for design-system tone ramps. HSV (hue/sat/value) is intuitive for color picker UIs.

Does it support Tailwind color palette?

We suggest the nearest Tailwind color (e.g., gray-500, blue-600) for the picked color.

🐛 Sind Sie auf ein Problem mit diesem Tool gestoßen?

Vollständig kostenlos und ohne Registrierung. Auch Reproduktionsschritte sind ausreichend. Eingegangene Berichte werden direkt an die Betreiber weitergeleitet und dienen als Referenz für Korrektionen.