Farbkonverter
Wandle Farben zwischen HEX, RGB und HSL um, samt Alphakanal und Tonpalette.
Verwandte Tools
Farbkonverter
Füge eine Farbe in irgendeiner Schreibweise ein, die CSS versteht — #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) — und die anderen beiden stehen sofort da. Kurzes Hex wie #f00 wird aufgelöst, die Raute am Anfang ist optional, und sowohl die alte Komma- als auch die neuere Leerzeichen-Schreibweise werden gelesen, ohne dass du sie ankündigen musst. Schreib eine Farbe pro Zeile, dann wandert eine ganze Palette auf einmal durch — genau das, was du brauchst, wenn aus dem Design eine Spalte Hex-Codes kommt und dein Stylesheet in HSL geschrieben ist.
Der Alphakanal übersteht die Umwandlung, egal wie du ihn notierst: rgba(59, 130, 246, 0.5), rgb(59 130 246 / 50%) und das achtstellige Hex #3b82f680 beschreiben dasselbe halbtransparente Blau, und jede Form wird in die anderen übersetzt. Schalte „Alphakanal behalten“ ab, wenn du nur die deckende Farbe willst. Das Ausgabeformat grenzt das Ergebnis auf Hex, RGB oder HSL ein — praktisch bei langen Listen —, und die Syntaxauswahl entscheidet zwischen rgb(255, 0, 0) und rgb(255 0 0 / 0.5), damit das Kopierte direkt in deine Codebasis passt. Großbuchstaben im Hex sind ein Häkchen entfernt.
Mit eingeschalteter Tonpalette bekommt jede Farbe eine Tabelle hellerer und dunklerer Varianten, gleichmäßig Richtung Weiß und Schwarz gemischt. So leitest du Hover-Zustände, Rahmen und deaktivierte Elemente aus einer einzigen Markenfarbe ab, ohne ein Designprogramm zu öffnen. Wähle eine bis acht Stufen je Seite; die Ausgangsfarbe liegt in der Mitte bei 0 %.
Alles läuft in deinem Browser — kein Upload, kein Server, kein Konto. Unveröffentlichte Markenfarben bleiben auf deinem Rechner. Zeilen, die keine Farbe sind, bleiben als CSS-Kommentar stehen und werden in der Bilanz gezählt, damit ein Tippfehler nie den Rest einer langen Liste verdeckt. Benannte CSS-Farben wie rebeccapurple kennt das Tool nicht; wandle die vorher in Hex um.