Farbwähler
Wähle eine Farbe und erhalte HEX-, RGB- und HSL-Codes, hellere und dunklere Töne, Textkontrast, oder nimm eine Farbe aus einem Bild. Nichts wird hochgeladen.
- HEX#ff6b1a
- RGBrgb(255, 107, 26)
- HSLhsl(21, 100%, 55%)
- CSS--color: #ff6b1a;
Läuft auf Ihrem Gerät. Nichts wird an einen Server gesendet.
So funktioniert es
Nutze das Farbfeld oder tippe einen HEX-Code ein. RGB- und HSL-Werte, die Tonskala und die Kontrastprüfung aktualisieren sich sofort. Tippe beim gewünschten Format auf Kopieren.
Um eine Farbe aus einem Foto oder Screenshot zu nehmen, wähle ein Bild und klicke darauf. Das Bild bleibt auf deinem Gerät; die Farbe wird vom angeklickten Pixel gelesen.
Fragen
Was bedeutet das Kontrastverhältnis?
Es vergleicht deine Farbe mit weißem und schwarzem Text. Barrierefreiheitsrichtlinien verlangen mindestens 4.5:1 für normalen Text, hier als AA angezeigt.
Was ist der Unterschied zwischen HEX, RGB und HSL?
Sie beschreiben dieselbe Farbe. HEX ist die kompakte Form fürs Web, RGB gibt Rot, Grün und Blau von 0 bis 255 an, und HSL nutzt Farbton, Sättigung und Helligkeit, was sich nach Augenmaß leichter anpassen lässt.
Wie bekomme ich den Farbcode von einer Website?
Machen Sie einen Screenshot, öffnen Sie ihn im Farbwähler und klicken Sie auf die Farbe. Die Entwicklerwerkzeuge des Browsers zeigen Farben auch an, aber ein Screenshot funktioniert auf jeder Seite, Bilder eingeschlossen.
Warum sieht derselbe HEX-Wert auf zwei Bildschirmen anders aus?
Bildschirme sind unterschiedlich kalibriert und manche nutzen größere Farbräume. Der Code ist identisch, die Anzeige nicht. Für den Druck fragen Sie die Druckerei nach CMYK-Werten.