CSS Namngivna Färger
Bläddra bland alla 148 CSS-namngivna färger med hexkoder. Filtrera efter grupp, sök och klicka för att kopiera.
Om det här verktyget
CSS definierar 148 namngivna färger som kan användas var som helst ett färgvärde accepteras — i CSS-egenskaper, SVG-attribut och HTML-färgattribut. Namngivna färger är lättare att läsa än hex-koder och stöds universellt.
Den här referensen listar alla namngivna färger med deras hex-ekvivalenter, grupperade efter färgfamilj. Klicka på ett prov för att kopiera CSS-färgnamnet till urklipp.
Hur man använder
- Bläddra i det fullständiga rutnätet eller filtrera efter färggrupp med rullgardinsmenyn.
- Sök efter namn (t.ex. "blue") eller hex-kod (t.ex. "#0000ff").
- Klicka på ett prov för att kopiera CSS-färgnamnet (t.ex. cornflowerblue).
- Använd namnet direkt i CSS: color: cornflowerblue;
Användningsfall
Frontend-utvecklare slår snabbt upp namnet på en färg de minns visuellt. Designers kontrollerar vilken CSS-namngiven färg som ligger närmast deras varumärkesfärg. Lärare använder denna referens när de undervisar i CSS-färgsyntax. Utvecklare använder namngivna färger i prototyper och demos för läsbarhet.
Vanliga frågor
- Hur många CSS-namngivna färger finns det? CSS Color Level 4 definierar 148 namngivna färger, plus transparent och currentcolor.
- Är namngivna färger desamma i alla webbläsare? Ja. Namngivna färger är helt standardiserade och ger identiska resultat i alla moderna webbläsare.
- Kan jag använda namngivna färger i SVG? Ja. SVG accepterar samma CSS-färgnamn för fill- och stroke-attribut.