Farbkontrast prüfen
Textkontrast nach WCAG 2.2 prüfen, mit Vorschau und getrennten AA- und AAA-Ergebnissen für normale und große Schrift.
Farbformate umwandeln
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
Bearbeiten Sie HEX, RGB oder HSL. Die anderen Werte und die Vorschau passen sich automatisch an.
Über dieses Tool
Übernehmen Sie eine Designfarbe in der vorhandenen Schreibweise nach CSS. Verarbeitet wird sRGB; CMYK und Drucksonderfarben werden nicht umgerechnet.
Anwendung
Eine Farbe eingeben oder auswählen und die Deckkraft anpassen. Unterstützt werden HEX mit 3, 4, 6 oder 8 Stellen sowie RGB und HSL mit Alpha. RGB-Kanäle erlauben Werte von 0 bis 255 oder Prozentangaben. HSL-Sättigung und Helligkeit verwenden Prozent. Werte außerhalb des Bereichs werden gemeldet. CMYK und erweiterte Farbräume sind nicht enthalten.
HEX, RGB und HSL haben jeweils ein eigenes Eingabefeld. Änderungen gleichen die anderen Felder sofort ab. Text und Cursor im gerade bearbeiteten Feld bleiben erhalten. Unvollständige oder ungültige Werte werden dort markiert; Kopieren ist bis zur Korrektur gesperrt.
Häufige Fragen
Wo steht die Transparenz im achtstelligen HEX-Wert?
CSS verwendet #RRGGBBAA: Die letzten zwei Stellen geben Alpha an. Das unterscheidet sich von ARGB mancher Programme. Auch RGB und HSL können einen Alphawert enthalten.
Welche RGB- und HSL-Schreibweisen werden erkannt?
Beispielsweise rgb(255 0 0 / 50%) oder hsl(0 100% 50%). Auch Kommasyntax funktioniert, darf aber nicht mit Schrägstrichsyntax gemischt werden. Farbnamen und CMYK werden nicht akzeptiert.
Warum verändert sich 50 % Deckkraft in HEX leicht?
HEX hat nur 256 Alpha-Stufen. 0,5 wird zu 80 gerundet, also 128/255. Verwenden Sie RGB oder HSL statt achtstelligem HEX, wenn Sie den dezimalen Alphawert benötigen.
Verwandte Werkzeuge
Wird in einem neuen Tab geöffnet
Kommentare
0