HTML-Farbnamen

Über HTML-Farbnamen

Diese Referenz präsentiert alle 140 Standard-CSS/HTML-Farbnamen — die vollständige Liste, die Browser verstehen, von AliceBlue bis YellowGreen — als responsives Farbmuster-Raster. Jedes Muster zeigt die Farbe selbst mit Name und Hex-Wert, und ein Klick öffnet ihre Hex-, rgb()- und hsl()-Formen, jede mit einem einzigen Klick kopierbar.

Ihr könnt nach Name oder Hex-Wert suchen — Tomato und #FF6347 finden dasselbe Muster — und nach Familie filtern: Rots, Rosas, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites und Grays & Blacks. Die Familienansicht ist der schnellste Weg, um Kandidaten vorzuschlagen, wenn ihr den ungefähren Farbton kennt, den ihr wollt.

Benannte Farben sind praktisch für Prototypen, Code-Beispiele, SVG-Füllungen und Unterricht, weil ein Name wie RebeccaPurple Absicht besser vermittelt als ein Hex-Tripel. Die RGB- und HSL-Werte werden in eurem Browser aus dem Hex jeder Farbe abgeleitet, und nichts, wonach ihr sucht, wird an einen Server gesendet.

So verwenden Sie HTML-Farbnamen

1. Sucht nach Farbname oder Hex-Wert — zum Beispiel Tomato, teal oder #00FF00.
2. Filtert nach Familie — Rots, Blues, Grays und so weiter —, um Farben in einem Farbtonbereich vorzuschlagen.
3. Klickt auf ein Muster, um seinen Hex-Wert sofort zu kopieren.
4. Öffnet das Muster-Popover, um stattdessen die rgb()- oder hsl()-Form zu kopieren.

Häufig gestellte Fragen