Farbkonverter
HEX, RGB, HSL oder Farbnamen einfügen und alle Formate auf einmal erhalten, mit WCAG-Kontrastprüfung.
- Läuft auf deinem Gerät
- Keine Anmeldung
- Funktioniert nach einem Besuch offline
Akzeptiert #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() oder einen CSS-Farbnamen wie rebeccapurple.
—————- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
Jedes Verhältnis gemäß WCAG 2.x. Großer Text sind 24px oder mehr oder 18,66px und fett. Bestehensgrenzen werden am exakten Verhältnis geprüft; eine transparente Farbe wird vorher über jeden Hintergrund gelegt.
So Farbcode umrechnen
- Gib einen HEX-Wert, rgb()- oder hsl()-Wert oder Farbnamen ein, oder wähle eine Farbe über das Farbfeld.
- Kopiere das benötigte Format aus den fünf Ergebnissen.
- Lies das Kontrastverhältnis und die Markierungen AA oder AAA auf Weiß, auf Schwarz und auf einem Hintergrund deiner Wahl ab.
Fragen
Warum ist der CMYK-Wert nur ungefähr?
CMYK hängt von Farbe, Papier und Farbprofil der Druckerei ab. Dieser Konverter nutzt die einfache Rechenformel, die alle drei ignoriert. Daher weicht eine gedruckte Farbe vom Bildschirm ab. Lass dir vor einer großen Auflage einen Proof von der Druckerei erstellen.
Wie wird das Kontrastverhältnis berechnet?
WCAG 2.x ermittelt für jede Farbe die relative Leuchtdichte aus Rot-, Grün- und Blauwert nach der Gamma-Korrektur. Das Verhältnis ist die hellere Leuchtdichte plus 0,05, geteilt durch die dunklere Leuchtdichte plus 0,05. Schwarz auf Weiß ergibt 21:1, den höchstmöglichen Wert.
Welche Grenzwerte prüft die Kontrollfunktion?
WCAG 2.x verlangt für normalen Text mindestens 4,5:1 und für großen Text 3:1 in Stufe AA sowie 7:1 bzw. 4,5:1 in Stufe AAA. Großer Text sind 24px oder mehr oder 18,66px und fett.
Welche Farbformate akzeptiert das Feld?
Hex-Codes mit drei, sechs oder acht Stellen, rgb() und rgba(), hsl() und hsla() sowie CSS-Farbnamen wie rebeccapurple. Der Browser liest den Wert, daher funktioniert alles, was er als CSS-Farbe versteht.
Bewertungen
Noch keine Bewertungen. Schreib die erste.