Zum Hauptinhalt springen

Farbwähler / Formatkonverter

Farbe wählen oder CSS-Farbe einfügen — HEX/RGB/HSL/HSV + WCAG-Kontrast.

Auf Weiß

Aa

Auf Schwarz

Aa

WCAG-Kontrast

Auf Weiß
Auf Schwarz
R
0
G
0
B
0

Über dieses Werkzeug

Farbwähler / Formatkonverter — wählen Sie eine Farbe aus der Palette oder fügen Sie eine beliebige CSS-Farbe (HEX, RGB, HSL, HSV, benannt, OKLCH) ein und erhalten Sie sofort alle anderen Formate.

Akzeptierte Eingaben

  • HEX: #abc, #aabbcc, #aabbccdd (mit Alpha).
  • RGB/RGBA: rgb(255, 99, 71), rgba(255,99,71,0.5).
  • HSL/HSLA: hsl(120, 60%, 50%).
  • HSV: hsv(120, 60%, 50%).
  • Benannt: 147 CSS-Farbnamen (tomato, rebeccapurple, …).
  • OKLCH: oklch(70% 0.15 200).

WCAG-Kontrast

Das untere Panel berechnet den Kontrast gegen reines Weiß und reines Schwarz nach der WCAG-2.x-Luminanzformel. Verhältnisse ≥ 4.5 bestehen AA, ≥ 7 bestehen AAA.

Datenschutz

Alle Umrechnungen erfolgen lokal in Ihrem Browser — Farben verlassen Ihr Gerät nicht.