Toolalize

Farbkonverter

Konvertiere Hex-, RGB- und HSL-Farbcodes sofort mit einer Live-Vorschau. Kopiere CSS-fertige Farbwerte in allen Formaten.

CSS-Farbname-Referenz

FarbnameHexRGB
Red#ff0000rgb(255, 0, 0)
Coral#ff7f50rgb(255, 127, 80)
Orange#ffa500rgb(255, 165, 0)
Gold#ffd700rgb(255, 215, 0)
Yellow#ffff00rgb(255, 255, 0)
YellowGreen#9acd32rgb(154, 205, 50)
Lime#00ff00rgb(0, 255, 0)
Green#008000rgb(0, 128, 0)
Teal#008080rgb(0, 128, 128)
Cyan#00ffffrgb(0, 255, 255)
DodgerBlue#1e90ffrgb(30, 144, 255)
Blue#0000ffrgb(0, 0, 255)
SlateBlue#6a5acdrgb(106, 90, 205)
Purple#800080rgb(128, 0, 128)
HotPink#ff69b4rgb(255, 105, 180)
White#ffffffrgb(255, 255, 255)
Silver#c0c0c0rgb(192, 192, 192)
Gray#808080rgb(128, 128, 128)
Black#000000rgb(0, 0, 0)

Häufig gestellte Fragen

Teile den 6-stelligen Hex-Code in drei Paare: das erste Paar ist Rot, das zweite Grün, das dritte Blau. Konvertiere jedes Paar von Hexadezimal in Dezimal. Beispiel: #ff5733 → Rot=ff=255, Grün=57=87, Blau=33=51, also rgb(255, 87, 51). Unser Konverter macht das sofort während du tippst.
HSL steht für Hue (Farbton), Saturation (Sättigung) und Lightness (Helligkeit). Der Farbton ist der Winkel auf dem Farbrad (0°–360°). Die Sättigung (0–100%) bestimmt, wie lebendig die Farbe ist. Die Helligkeit (0–100%) bestimmt die Helligkeit — 0% ist schwarz, 50% ist die reine Farbe, 100% ist weiß. HSL wird in CSS häufig für programmatische Farbanpassungen verwendet.
Gängige Hex-Farbcodes: Rot=#ff0000, Orange=#ffa500, Gelb=#ffff00, Grün=#008000, Cyan=#00ffff, Blau=#0000ff, Lila=#800080, Weiß=#ffffff, Grau=#808080, Schwarz=#000000. Klicke auf eine Zeile in der Farbtabelle unten, um sie sofort zu laden.
CMYK (Cyan, Magenta, Gelb, Schwarz) ist das Farbmodell für den Farbdruck. Im Gegensatz zu RGB (für Bildschirme) subtrahiert CMYK Licht von weißem Papier. Der Hex-Code #ff0000 (reines Rot) entspricht cmyk(0%, 100%, 100%, 0%). CMYK-Werte sind unverzichtbar beim Vorbereiten von Druckdateien in InDesign, Illustrator oder CorelDRAW.