Tools
HTML-Farbcodes: Wähler & Konverter
Wählen, konvertieren und kopieren Sie HTML-Farbcodes: Farbwähler nutzen oder HEX-Code eingeben; HEX-, RGB-, HSL- und CMYK-Werte, eine Tonskala und eine fertige Farbpalette sehen. Für Webdesign und Social Media; kostenlos, ohne Anmeldung.
HTML-Farbcodes: Was HEX, RGB und HSL bedeuten
Farben werden im Web in drei gängigen Notationen geschrieben. HEX (wie #1ABC9C) kombiniert Rot-Grün-Blau-Werte im 16er-System und ist das meistgenutzte CSS-Format. RGB schreibt dieselben drei Kanäle offen in 0-255; rgba() ergänzt Transparenz. HSL beschreibt Farbe am nächsten an der menschlichen Intuition: Farbton (0-360°), Sättigung und Helligkeit. Eine Markenfarbe aufzuhellen oder abzudunkeln und harmonische Töne abzuleiten ist in HSL weit einfacher; die Tonskala in diesem Tool macht genau das. Der CMYK-Wert dient der Druckwelt als näherungsweise Umrechnung einer Bildschirmfarbe.
Praxistipps: Markenfarben immer als HEX speichern und auf allen Kanälen denselben Code verwenden; „ungefähr dasselbe Blau" untergräbt die Markenkonsistenz leise. Bei Text-Hintergrund-Kombinationen auf Barrierefreiheits-Kontrast achten. Die fertige Palette auf dieser Seite enthält die meistgenutzten benannten HTML-Farben; ein Klick übernimmt den Code sofort. Alle Umrechnungen laufen im Browser.
Eine Farbpalette ist nur der erste Schritt der Markenidentität.
Die richtige Palette, Logo, Typografie und eine konsistente Bildsprache machen eine Marke einprägsam. Gestalten wir Ihre Markenidentität gemeinsam.