Farbkonverter (HEX/RGB/CMYK) - WCAG-Kontrastprüfer

Konvertieren Sie HEX, RGB, HSL und CMYK mit einem integrierten WCAG-Kontrastprüfer. Lokaler Datenschutz – keine Uploads. Erhalten Sie druckfertige CMYK-Werte und kopieren Sie Ergebnisse jetzt.

Textvorschau

Konvertierte Werte

RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CMYKcmyk(76%, 47%, 0%, 4%)

Barrierefreiheit (WCAG)

Weißer Text0.00:1
Normaler Text (AA)Nicht bestanden
Großer Text (AA)Nicht bestanden
Schwarzer Text0.00:1
Normaler Text (AA)Nicht bestanden
Großer Text (AA)Nicht bestanden

Bedienungsanleitung

  1. Geben Sie eine Farbe ein (z. B. #3b82f6) oder nutzen Sie den Farbpicker.
  2. Kopieren Sie die konvertierten Werte (RGB/HSL/CMYK) im Handumdrehen.
  3. Prüfen Sie die WCAG-Ergebnisse für die Lesbarkeit von schwarzem/weißem Text.
  4. Nutzen Sie die CMYK-Ausgabe für druckfertige Design-Spezifikationen.

Kernfunktionen

  • WCAG-Kontrastprüfung: Berechnen Sie Kontrastverhältnisse und sehen Sie sofort, ob Sie den AA/AAA-Standard erfüllen.
  • CMYK für den Druck: Konvertieren Sie Bildschirmfarben in druckfertige CMYK-Prozentwerte.
  • HSL-Farbraum: Arbeiten Sie mit HSL für eine intuitivere Bearbeitung von Farbton, Sättigung und Helligkeit.
  • System-Farbpicker: Wählen Sie Farben präzise mit dem Farbpicker Ihres Betriebssystems aus.
  • Datenschutz: Alle Konvertierungen laufen lokal in Ihrem Browser.

Verwandte Tools

Kostenloser Bild-Farbpicker & Farbpaletten-Generator

Wählen Sie ein Bild aus, ziehen Sie es per Drag-and-Drop hinein oder fügen Sie es aus der Zwischenablage ein, um Pixel-Farben lokal auszuwählen, HEX/RGB/HSL-Werte zu kopieren und eine Palette der dominanten Farben zu generieren.
Lorem-Ipsum-Generator (JSON/HTML) - CJK- & Entwickler-Ausgabe

Generieren Sie Lorem Ipsum als Text, HTML <p> oder JSON-Arrays. Lokal, keine Uploads. Enthält chinesischen Platzhaltertext und variable Längeneinstellungen. Jetzt generieren.
Seitenverhältnis-Rechner & CSS-Generator - TikTok/Reels 9:16

Berechnen Sie Seitenverhältnisse und fehlende Abmessungen schnell. Läuft lokal – keine Uploads. Enthält TikTok/Reels 9:16 Voreinstellungen und CSS aspect-ratio Code-Snippets. Berechnen Sie jetzt.

Berechnungslogik

  • Die Konvertierungen implementieren Standardmathematik für RGB↔HSL und RGB↔CMYK.
  • WCAG nutzt die relative Leuchtdichte und das Kontrastverhältnis.
  • Die Leuchtdichte kann ausgedrückt werden als: (L = 0.2126R + 0.7152G + 0.0722B).
  • Kontrastverhältnis: (\frac{L_1 + 0.05}{L_2 + 0.05}), das anschließend mit den AA/AAA-Grenzwerten verglichen wird.

Häufig gestellte Fragen

Wie prüfe ich, ob meine Farben barrierefrei (WCAG) sind?

Geben Sie Ihre Farben ein und prüfen Sie das WCAG-Panel. Wir berechnen die Kontrastverhältnisse gegenüber schwarzem/weißem Text und zeigen an, ob der AA/AAA-Standard bestanden oder nicht bestanden wurde.

Wie konvertiere ich HEX für den Druck in CMYK?

Geben Sie einen HEX-Code ein (z. B. #FF0000). Wir konvertieren ihn sofort in CMYK-Prozentsätze für das Druckdesign.

Sind meine Daten sicher (lokal/Datenschutz)?

Ja. Alles läuft lokal in Ihrem Browser ohne Uploads oder Server-Speicherung.

Ist das Tool kostenlos? Gibt es Limits?

Es ist kostenlos und erfordert keine Registrierung. Sie können die Werte jederzeit kopieren.

Wie wird der WCAG-Kontrast berechnet?

Wir berechnen die relative Leuchtdichte für Vorder- und Hintergrund und ermitteln dann das Kontrastverhältnis mit (\frac{L_1 + 0.05}{L_2 + 0.05}), um AA/AAA zu bewerten.