Start Farbumrechner

Farbumrechner

#RGB verdoppelt jede Ziffer zu #RRGGBB. #ff0000 ist rgb(255, 0, 0) und hsl(0, 100%, 50%). Die Farbe bleibt hier.

Warum es das gibt

Ein Entwurf und ein Stylesheet schreiben dieselbe Farbe als #ff0000, rgb(255, 0, 0) oder hsl(0, 100%, 50%).

Das kurze #abc auf sechs Stellen zu ziehen und HSL dann auf ganze Zahlen zu runden kann einen Kanal um 1 verschieben.

  1. 01So geht es

    Änderst du HEX, RGB oder HSL, folgen die beiden anderen Felder und das Farbfeld.

    Das Farbfeld malt dieses Hex als Hintergrund. Kopieren legt die Zeilen Hex, rgb() und hsl() in die Zwischenablage.

    Die Farbe verschwindet, wenn der Tab zu ist. Diese Seite liest keinen Alphakanal.

  2. 02So sieht es aus

    #ff0000, #00ff00 und #0000ff sind hsl(0, 100%, 50%), hsl(120, 100%, 50%) und hsl(240, 100%, 50%), und jedes kehrt zum selben Hex zurück.

    #fff ist #ffffff, rgb(255, 255, 255), hsl(0, 0%, 100%). #000000 ist hsl(0, 0%, 0%).

    Eingabe#ff0000

    #ff0000 rgb(255, 0, 0) · hsl(0, 100%, 50%)
    #00ff00 rgb(0, 255, 0) · hsl(120, 100%, 50%)
    #0000ff rgb(0, 0, 255) · hsl(240, 100%, 50%)
    #abc #aabbcc · zurück zu #a9bacb

  3. 03Gut zu wissen

    Farbton 360 ist dasselbe wie 0. hsl(360, 100%, 50%) ist #ff0000.

    Grau #808080 hat die Sättigung 0, also kommt der Farbton als 0 heraus. Helligkeit 50 % kehrt zu 128, 128, 128 zurück.

    Ein Kanal außerhalb des Bereichs oder eine Dezimalzahl zeigt einen Fehler in diesem Feld, und die letzte Farbe wird nicht kopiert.

    Diese Umrechnung ist sRGB auf einem Bildschirm. Sie erzeugt kein Druck-CMYK.

Fragen

QIst #f00 dasselbe wie #ff0000?
AJa. Jede Ziffer wird zweimal geschrieben und das ergibt #ff0000.
QBringt HSL aus #abc dasselbe Hex zurück?
ANein. hsl(210, 25%, 73%) kommt als #a9bacb zurück.
QWird ein achtstelliges Hex gelesen?
ANein. Nur #RGB und #RRGGBB werden gelesen.
QWird die Farbe gespeichert?
ANein. Sie bleibt in diesem Browser und geht nicht an einen Server.

Wie diese Seite rechnet

Diese Seite wandelt HEX, RGB und HSL in dieselbe sRGB-Farbe. #RRGGBB schreibt Rot, Grün und Blau mit zwei Stellen. #ff0000 ist rgb(255, 0, 0) und hsl(0, 100%, 50%). #00ff00 hat den Farbton 120, und #0000ff hat den Farbton 240. #RGB verdoppelt jede Ziffer. #abc wird #aabbcc, also rgb(170, 187, 204) und hsl(210, 25%, 73%).

HSL nutzt dieselbe Umrechnung wie CSS, und der Bildschirm rundet Farbton, Sättigung und Helligkeit auf ganze Zahlen. Der Rückweg über diese ganzen Zahlen kann einen Kanal um 1 verschieben. hsl(210, 25%, 73%) aus #abc kommt als #a9bacb zurück. #808080 ist rgb(128, 128, 128) und hsl(0, 0%, 50%) und kehrt zu #808080 zurück. Farbton 360 ist dasselbe wie 0, also ist hsl(360, 100%, 50%) gleich #ff0000.

Jeder RGB-Kanal ist eine ganze Zahl von 0 bis 255. Sättigung und Helligkeit laufen von 0 bis 100. Ein achtstelliges Hex und eine Dezimalzahl werden nicht gelesen. Ein Wert außerhalb des Bereichs zeigt einen Fehler in diesem Feld, und die letzte Farbe wird nicht kopiert. Diese Umrechnung ist sRGB auf einem Bildschirm und erzeugt kein Druck-CMYK. Die Farbe bleibt in diesem Browser und geht nicht an einen Server.

  • # Farbe
  • # Hex
  • # RGB
  • # HSL