HTML-Farbnamen

Alle 148 CSS- und HTML-Farbnamen mit HEX- und RGB-Wert, sortiert nach Farbfamilie oder Name – Suche und Kopieren per Klick.

Die Liste der HTML-Farbnamen zeigt alle 148 benannten CSS-Farben von aliceblue bis yellowgreen mit Farbfeld, HEX- und RGB-Wert. Du kannst nach Farbfamilien filtern, nach Name, Farbe oder Helligkeit sortieren und per Klick den Namen oder den HEX-Wert kopieren. Alle Namen funktionieren in jedem Browser.

148 Farben

128, 0, 0
139, 0, 0
220, 20, 60
255, 0, 0
205, 92, 92
255, 99, 71
188, 143, 143
250, 128, 114
240, 128, 128
255, 182, 193
255, 192, 203
128, 0, 128
139, 0, 139
199, 21, 133
255, 0, 255
255, 0, 255
255, 20, 147
218, 112, 214
219, 112, 147
255, 105, 180
238, 130, 238
221, 160, 221
216, 191, 216
210, 105, 30
255, 140, 0
255, 165, 0
255, 69, 0
255, 127, 80
244, 164, 96
210, 180, 140
233, 150, 122
222, 184, 135
255, 160, 122
245, 222, 179
255, 222, 173
255, 228, 181
255, 218, 185
255, 228, 196
255, 235, 205
250, 235, 215
255, 239, 213
128, 128, 0
184, 134, 11
218, 165, 32
255, 215, 0
255, 255, 0
189, 183, 107
240, 230, 140
238, 232, 170
250, 250, 210
255, 250, 205
245, 245, 220
139, 69, 19
160, 82, 45
165, 42, 42
178, 34, 34
205, 133, 63
0, 100, 0
0, 128, 0
85, 107, 47
34, 139, 34
107, 142, 35
46, 139, 87
60, 179, 113
0, 250, 154
124, 252, 0
127, 255, 0
0, 255, 0
50, 205, 50
0, 255, 127
154, 205, 50
173, 255, 47
102, 205, 170
143, 188, 143
127, 255, 212
144, 238, 144
152, 251, 152
47, 79, 79
47, 79, 79
0, 128, 128
0, 139, 139
0, 206, 209
32, 178, 170
0, 255, 255
95, 158, 160
0, 255, 255
72, 209, 204
64, 224, 208
173, 216, 230
176, 224, 230
175, 238, 238
0, 0, 128
25, 25, 112
0, 0, 139
72, 61, 139
0, 0, 205
70, 130, 180
0, 0, 255
0, 191, 255
112, 128, 144
112, 128, 144
119, 136, 153
119, 136, 153
30, 144, 255
65, 105, 225
106, 90, 205
100, 149, 237
123, 104, 238
135, 206, 235
135, 206, 250
176, 196, 222
75, 0, 130
102, 51, 153
148, 0, 211
153, 50, 204
138, 43, 226
186, 85, 211
147, 112, 219
220, 220, 220
255, 248, 220
224, 255, 255
255, 255, 224
230, 230, 250
250, 240, 230
255, 228, 225
253, 245, 230
245, 245, 245
255, 245, 238
240, 248, 255
240, 255, 255
255, 250, 240
240, 255, 240
255, 255, 240
255, 240, 245
245, 255, 250
248, 248, 255
255, 250, 250
255, 255, 255
0, 0, 0
105, 105, 105
105, 105, 105
128, 128, 128
128, 128, 128
169, 169, 169
169, 169, 169
192, 192, 192
211, 211, 211
211, 211, 211

Farbnamen in CSS

Statt eines Farbcodes darf in CSS auch ein Name stehen: color: tomato; ist gleichbedeutend mit color: #ff6347;. Groß- und Kleinschreibung spielt keine Rolle.

Name	HEX	Hinweis
`rebeccapurple`	`#663399`	Jüngster Name, zu Ehren von Rebecca Meyer
`gray` / `grey`	`#808080`	Beide Schreibweisen gültig
`transparent`	–	Vollständig durchsichtig
`currentColor`	–	Übernimmt die Textfarbe

Werte in andere Formate rechnest du im Farbumrechner um, eigene Paletten erstellst du im Farbpaletten-Generator.

Häufige Fragen

Wie viele Farbnamen gibt es in CSS?

148 Namen, darunter einige Doppelungen wie gray und grey oder aqua und cyan. Dazu kommen die Sonderwerte transparent und currentColor. Neue Namen werden nicht mehr aufgenommen.

Sollte ich Farbnamen im Design verwenden?

Für Prototypen und Beispiele sind Namen praktisch. In Produktion sind eigene Farbvariablen mit HEX- oder OKLCH-Werten besser, weil sie zur Marke passen und gezielt angepasst werden können. Viele Namen sind zudem historisch und nicht sehr harmonisch.

Warum ist darkgray heller als gray?

Eine bekannte Kuriosität: Die Namen stammen aus dem X11-System, gray wurde später an den HTML-Wert #808080 angepasst. darkgray (#a9a9a9) ist dadurch heller als gray.

Stimmt etwas nicht auf dieser Seite? – wir schauen uns das an.