Eine Farbe, jedes Format

Funktionen und Einsatzmöglichkeiten

Wandle Farben zwischen HEX, RGB und HSL um. Wähle eine Farbe visuell, füge einen Wert ein oder passe Rot, Grün, Blau und Deckkraft an. Kopiere jedes Format einzeln oder lade eine PNG-Farbreferenz herunter.

HEX schreibt Farbkanäle als Hexadezimalzahlen. RGB verwendet Rot, Grün und Blau; HSL verwendet Farbton, Sättigung und Helligkeit. Alpha beschreibt die Deckkraft: 0 ist transparent, 1 ist deckend. Beim Ändern der Farbe mit dem Farbwähler bleibt Alpha erhalten.

Formate, Optionen und Grenzen

Farbfelder akzeptieren 3-, 4-, 6- oder 8-stellige HEX-Werte mit oder ohne # sowie RGB/RGBA- und HSL/HSLA-Schreibweisen. Alphawerte steuern die Transparenz. Nutze die visuelle Farbauswahl für schnelle Änderungen oder gib einen präzisen Wert ein.

• Passe Rot, Grün und Blau von 0–255 sowie die Deckkraft von 0–100 % an. Kopiere HEX, RGB oder HSL einzeln oder alle drei Werte zusammen. Die Bildschirm-Pipette erscheint, wenn dein Browser sie unterstützt; die normale Farbauswahl ist ebenfalls verfügbar.
• Lade eine PNG-Referenz mit 1200 × 630 px herunter, die die Farbe und ihre HEX-, RGB- und HSL-Werte zeigt. Ein Schachbrettmuster macht Transparenz sichtbar. Nutze die Werte in CSS, Design-Apps oder gemeinsamen Farbspezifikationen; das Werkzeug konvertiert sRGB-Farben, keine CMYK- oder Drucksonderfarben.

Arbeite ohne Konto: Text und Fotos werden in deinem Browser verarbeitet. Speichere ein Projekt auf diesem Gerät oder lade eine Sicherung herunter, um es später wieder zu öffnen.

Gut zu wissen

Akzeptiert HEX mit 3, 4, 6 oder 8 Stellen und RGB/HSL-Funktionen mit Alpha. RGB-Kanäle reichen von 0 bis 255; Sättigung, Helligkeit und Deckkraft werden in Prozent angegeben. Die Werte beschreiben sRGB-Farben.