Farbcode-Konverter

Alle Tools

Konvertiere Farben zwischen HEX, RGB, RGBA, HSL, HSLA, HSV und CMYK – wähle eine Farbe, passe den Alphawert an und kopiere jedes Format sofort.

#FFFFFF
Kanäle
R
G
B
Farbformate

Beliebigen HEX-, RGB(A)- oder HSL(A)-Wert eingeben — alle anderen Formate werden sofort aktualisiert.

Schnellpalette

Leitfaden zu Farbformaten

HEX ist ein 6-stelliger Hexadezimalcode wie #3B82F6, der die Kanäle Rot, Grün und Blau speichert (je 00–FF). Es ist die gängigste Art, Farben in HTML und CSS zu definieren.

Ein 8-stelliger HEX wie #3B82F6CC fügt ein letztes Ziffernpaar für die Deckkraft (Alpha) hinzu. Verwende ihn für transparente Farben in modernem CSS ohne separaten rgba()-Wert.

RGB legt eine Farbe über Rot-, Grün- und Blauwerte von 0–255 fest, z. B. rgb(59, 130, 246). Es entspricht der Lichtabgabe von Bildschirmen und ist ideal für Web und digitales Design.

RGBA ist RGB mit einem Alphakanal von 0 (transparent) bis 1 (deckend), z. B. rgba(59, 130, 246, 0.5). Verwende es für Überlagerungen, Schatten und Hover-Effekte.

HSL beschreibt eine Farbe über Farbton (0–360°), Sättigung und Helligkeit, z. B. hsl(217, 91%, 60%). Es ist intuitiv zum Anpassen von Farben und zum Erstellen von Paletten.

HSLA ist HSL plus einen Alphakanal für die Deckkraft, z. B. hsla(217, 91%, 60%, 0.5). Es verbindet die Lesbarkeit von HSL mit Transparenzsteuerung.

HSV, auch HSB genannt, nutzt Farbton, Sättigung und Hellwert (Brightness), z. B. hsv(217, 76%, 96%). Es ist das Modell der Farbwähler in den meisten Designprogrammen.

CMYK ist ein subtraktives Modell aus Prozentwerten für Cyan, Magenta, Gelb und Schwarz (Key), z. B. cmyk(76%, 47%, 0%, 4%). Es ist der Standard für den Druck – prüfe wichtige Farben mit dem Profil deiner Druckerei.

Nutze HEX oder RGB für Websites und ergänze Alpha (RGBA, HSLA oder 8-stelliges HEX), wenn du Transparenz brauchst. Greife für Paletten zu HSL oder HSV und für Druckdateien zu CMYK.
Teilen
Verwandte Tools
Named-Color-Finder Nächste CSS-Farbe und nächsten Tailwind-Farbton für eine beliebige Farbe finden — perzeptiv abgeglichen mit kopierbereiten Werten. Kostenlos
Bildschirm-Farbpipette Beliebiges Pixel auf dem Bildschirm mit der Pipette aufnehmen oder Farben aus einem abgelegten Bild auswählen und zu einer kopierbereiten Palette sammeln. Kostenlos
Pantone-Farbabgleich Schlage jeden Pantone-Solid-Coated-Code nach, um seine HEX-, RGB- und CMYK-Werte abzulesen, oder gib eine HEX-/RGB-Farbe ein und finde sofort den nächsten Pantone-Treffer – alles in deinem Browser. Kostenlos
Komplett blauer Bildschirm Fülle deinen ganzen Bildschirm mit reinem Blau, um den blauen sub-pixel-Kanal zu testen und tote Pixel auf einem farbigen Feld aufzudecken. Kostenlos und läuft in deinem Browser. Kostenlos
Farbenblindheits-Simulator Bild oder Palette so sehen, wie Menschen mit Protanopie, Deuteranopie, Tritanopie oder Achromatopsie — läuft vollständig im Browser, nichts wird hochgeladen. Kostenlos
Komplett grüner Bildschirm Fülle deinen ganzen Bildschirm mit reinem Grün, um den grünen sub-pixel-Kanal zu testen, tote Pixel aufzudecken oder ihn als schnellen chroma-key-Hintergrund zu nutzen. Kostenlos. Kostenlos
Beliebte Suchen
Farbcode-Konverter hex zu rgb rgb zu hex hex zu hsl Farbformate umwandeln Online-Farbkonverter
Brauchen Sie Hilfe?
Ein Problem mit diesem Tool gefunden? Sagen Sie es unserem Team.
Problem melden

Füge dieses kostenlose Tool zu deiner eigenen Website hinzu — kopiere den Code unten und füge ihn ein.