DeutschDE

Farbwähler & Farbcode-Umrechner – HEX, RGB, HSL

Wählen Sie eine Farbe oder fügen Sie einen beliebigen Farbcode ein – alle Formate werden sofort aktualisiert.

Ihre Texte und Dateien bleiben in Ihrem Browser – nichts wird an einen Server gesendet.

#0F766E
Farbcodes

Aufhellungen (mit Weiß gemischt)
Abdunklungen (mit Schwarz gemischt)

Klicken Sie auf ein Farbfeld, um diese Farbe zu übernehmen. Die Zahl ist der Mischanteil in Prozent.

CSS-Variablen

So funktioniert’s

  1. Klicken Sie auf das Farbfeld, um eine Farbe zu wählen, oder fügen Sie einen Code in ein beliebiges Feld wie HEX oder RGB ein.
  2. Ändern Sie ein Feld, werden alle anderen angepasst. Sie können auch nur drei Zahlen ohne „rgb(“ eingeben.
  3. In den Reihen mit Aufhellungen und Abdunklungen finden Sie ähnliche Farben – ein Klick macht sie zur neuen Grundfarbe.
  4. Benennen Sie Ihre Variable unter „CSS-Variablen“ und kopieren Sie den Block in Ihr Stylesheet. Die Farbe steht in der Seitenadresse, sodass Sie den Link direkt teilen können.

Häufige Fragen

Was ist der Unterschied zwischen HEX und RGB?

Beide beschreiben dieselbe Farbe in unterschiedlicher Schreibweise. HEX schreibt die Rot-, Grün- und Blauwerte (0–255) als je zwei Hexadezimalziffern, RGB dieselben Werte als Dezimalzahlen.

Sieht ein Druck mit diesen CMYK-Werten aus wie am Bildschirm?

Die hier angezeigten CMYK-Werte sind eine einfache rechnerische Umwandlung und als Ausgangspunkt gedacht. Echte Druckfarben hängen von Papier, Farbe und dem Farbprofil der Druckmaschine ab – stimmen Sie die Werte daher mit Ihrer Druckerei ab.

Was ist OKLCH?

OKLCH beschreibt eine Farbe über die wahrgenommene Helligkeit (L), die Buntheit (C, Chroma) und den Farbton (H). Modernes CSS unterstützt oklch() direkt, und wenn Sie nur die Helligkeit ändern, bleibt der Farbton optisch gleich.

Warum sehe ich die Schaltfläche „Vom Bildschirm aufnehmen“ nicht?

Sie erscheint nur in Desktop-Browsern, die die EyeDropper-API unterstützen, etwa Chrome und Edge. In anderen Browsern können Sie mit dem Tool „Farbe aus Bild“ Farben aus einem Foto aufnehmen.

Ähnliche Tools

Farbe aus BildPixelfarben und Palette auslesenKontrast-CheckerKontrastverhältnis mit AA- und AAA-ErgebnisFarbskala für Tailwind CSSAus einer Farbe eine Skala von 50 bis 950CSS-FarbverlaufLineare, radiale und konische Verläufe

Alle Tools