Chromoforge

Farbkonverter: HEX, RGB, HSL und OKLCH

Füge eine Farbe ein und kopiere das gewünschte Format direkt hier. Vorschau und Ergebnisse verwenden dieselbe deckende sRGB-Farbe.

Farbe umrechnen

Gewählte Farbe#E24B4AText auf dieser Farbe: #111111

HEX#E24B4A

RGBrgb(226, 75, 74)

HSLhsl(0.39 72.38% 58.82%)

OKLCHoklch(62.339% 0.18772 24.72)

CSS--brand: #E24B4A;

Palettenvarianten erkunden Text und Hintergrund prüfen

Transparenz zusammensetzen

Füge RGBA, HSLA, OKLCH mit Alpha oder HEX mit Alpha ein. Wähle einen einfarbigen Hintergrund und übernimm die resultierende deckende Farbe.

Farbe mit TransparenzEinfarbiger Hintergrund

Resultierender deckender HEX-Wert

Auf einer Seite umrechnen und kopieren

Gib einen unterstützten HEX-, RGB- oder HSL-Wert ein oder nutze die Farbauswahl.
Prüfe die Vorschau und kopiere HEX, RGB, HSL, OKLCH oder die CSS-Deklaration neben dem Ergebnis.
Öffne Palette, Farbskala oder Kontrastprüfung mit der gewählten Farbe.

Unterstützte Umrechnungen

Das Werkzeug verwendet deckende sRGB-Farben und rundet die Kanäle auf 8-Bit-Werte. RGB und HSL beschreiben die resultierende HEX-Farbe. OKLCH wird als Ein- und Ausgabe unterstützt; Werte außerhalb von sRGB werden mit einem Hinweis begrenzt. Transparenz, CSS-Farbnamen und Display P3 werden hier nicht unterstützt. Beim Zurückrechnen gerundeter Werte kann sich ein Kanal leicht ändern.

Mit deiner Farbe weiterarbeiten

Farbschattierungen GeneratorGeneriere eine 50-950 Skala aus einer Basisfarbe für UI Flächen, Borders, Hover und Dark Mode.Generator für CSS-FarbvariablenErzeuge CSS-Variablen aus einer Farbe: Grundfarbe, lesbarer Text und elf Abstufungen von 50 bis 950. CSS direkt kopieren oder herunterladen.WCAG-KontrastprüferPrüfe Text- und Hintergrundkontraste nach WCAG AA und AAA, teste echte Farbpaare und wähle lesbare Kombinationen.