Praktisches Farbtool
Farbkonverter HEX, RGB, HSL und OKLCH
Konvertiere Farben zwischen HEX, RGB, HSL und OKLCH und kopiere Werte für CSS und Dokumentation.
Was diese Seite bietet
- Nutze den Inspector auf der Startseite für alle Formate.
- Kopiere HEX, RGB, HSL, OKLCH oder eine CSS Variable.
- Nutze OKLCH für besser kontrollierte Shade Scales.
Gut für
- CSS Umsetzung
- Design Doku
- Token Pflege
So nutzt du es
Paletten GeneratorErstelle zugängliche Farbpaletten, prüfe WCAG-Kontrast, extrahiere Bildfarben und exportiere CSS, Tailwind, SCSS, JSON, SVG und PNG.WCAG CheckPrüfe Text- und Hintergrundkontraste nach WCAG AA und AAA, teste echte Farbpaare und wähle lesbare Kombinationen.Bild ExtraktorExtrahiere dominante Farben aus PNG-, JPG- oder WebP-Bildern lokal im Browser und erstelle exportierbare Paletten.
Kann ich das mit dem Hauptgenerator nutzen?
Ja. Starte hier, öffne das Chromoforge Tool mit derselben Basisfarbe und exportiere die Palette.
Warum ändert sich ein Wert nach einer Hin- und Rückkonvertierung leicht?
HEX und RGB speichern acht Bit pro Kanal, jeder Kanal ist also auf 256 Stufen quantisiert. OKLCH, HSL und LAB sind kontinuierlich. Hin- und zurückkonvertieren rundet auf das nächste darstellbare Byte und kann einen Kanal um eine Einheit verschieben.
Wann ist OKLCH besser als HSL?
Immer dann, wenn die wahrgenommene Helligkeit zählt. Das L in HSL ist ein geometrischer Wert, deshalb wirkt Gelb bei 50% deutlich heller als Blau bei 50%. OKLCH ist wahrnehmungsgleichmäßig: gleiche Helligkeitsschritte wirken über alle Farbtöne gleich, was Abstufungen gleichmäßig macht.