Ein Farbhelfer zum Schreiben von HTML und CSS. Geben Sie eine beliebige Farbe als #3498db, rgb(52,152,219), hsl(204,70%,53%) oder einen CSS-Namen wie dodgerblue ein; der Reiter Umwandeln zeigt sofort jedes gleichwertige Format, fertig einfügbare CSS-Deklarationen und einen Vorschlag für Schwarz/Weiß als Vordergrund. Der Reiter Benannt listet alle 148 CSS-Farbschlüsselwörter einschließlich rebeccapurple (durchsuchbar, Klick zum Kopieren), und Websicher bietet die klassische 216-Farben-Palette. Alles läuft lokal — kein Upload, kein Server. Dieses Werkzeug ist code-orientiert; für Designarbeit (Paletten, Verläufe, Kontrast, Mischen) siehe auch Farbauswahl.
Modus:
Wählen oder geben Sie eine Farbe ein — die Entsprechungen und CSS-Schnipsel aktualisieren sich live.
CSS-Farbnamen 148 Schlüsselwörter (inkl. rebeccapurple) — klicken Sie auf ein Farbfeld, um sein #hex zu kopieren
Websichere Palette 216 Farben (RGB-Schritte 0/51/102/153/204/255) — klicken zum Kopieren
Diese Farben werden auf klassischen 256-Farben-Displays ohne Dithering dargestellt.
Wie die Formate zusammenhängen:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). Der HSL-Farbton ist in Grad (0-360), Sättigung/Helligkeit in Prozent. Alpha (#RRGGBBAA, rgba(), hsla()) wird gelesen und in jede Ausgabe übernommen. CSS-Schlüsselwortnamen werden zuerst exakt verglichen; passt kein Schlüsselwort, wird das nächstliegende der 148 Schlüsselwörter als Gestaltungshinweis vorgeschlagen.
Was ist ein CSS-Farbcode?
Ein CSS-Farbcode ist das numerische Rezept für eine Farbe auf dem Bildschirm: wie viel rotes, grünes und blaues Licht gemischt wird. Jede Notation — sechsstelliges Hex wie #3498db, funktional rgb(52, 152, 219), hsl(204, 70%, 53%) und die 148 vordefinierten Schlüsselwörter — ergibt denselben 24-Bit-sRGB-Wert. Hex und rgb() nennen die Kanäle direkt, während hsl() die Farbe als Winkel auf dem Farbkreis plus Sättigung und Helligkeit beschreibt, was beim Abstimmen von Schattierungen oft leichter zu verstehen ist.
256 Stufen pro Kanal ergeben 16.777.216 adressierbare Farben; die 8-stelligen Formen (#RRGGBBAA, rgba(), hsla()) hängen einfach einen Alpha-Wert (Deckkraft) an dieselbe Farbe an.
