Farbe & Kontrast

Eine deckende sRGB-Farbe als #RGB oder #RRGGBB eingeben oder über die Farbauswahl wählen. Alle Ergebnisse aktualisieren sich direkt.

Farbräume zeigt markierbare CSS-Werte für RGB, HSL, Lab (D50) und OKLCH. HSV steht als Farbton / Sättigung / Hellwert, nicht als CSS-Funktion. Lab passt sRGB D65 an D50 an; unbunte OKLCH-Farben erhalten Farbton null. Angezeigte Werte sind gerundet.

Kontrast vergleicht zwei deckende Farben anhand der relativen Leuchtdichte nach WCAG 2. Die Bewertung verwendet das ungerundete Verhältnis: AA verlangt 4,5:1 für normale und 3:1 für große Schrift, AAA 7:1 bzw. 4,5:1. Groß bedeutet mindestens 18 pt (24 CSS-px) oder 14 pt (etwa 18,67 CSS-px) fett. Die Beispiele zeigen beide Richtungen von Vorder-/Hintergrund; ihre tatsächliche Schriftgröße bestimmt nicht die Bewertung für große Schrift. Transparenz, Umgebungsfarben und weitere Barrierefreiheitskriterien werden nicht bewertet.

Palette dreht den HSL-Farbton; monochrom variiert die HSL-Helligkeit. Das sind einfache Farbharmonien, keine garantiert barrierefreien Paare oder wahrnehmungsgleichen Schritte. Ein Farbfeld anklicken, um den HEX-Code zu kopieren. Nichts wird hochgeladen oder gespeichert.