CSS Benoemde Kleuren
Blader door alle 148 CSS benoemde kleuren met hexcodes. Filter op groep, zoek en klik om de kleuraam te kopiëren.
Over deze tool
CSS definieert 148 benoemde kleuren die overal kunnen worden gebruikt waar een kleurwaarde wordt geaccepteerd — in CSS-eigenschappen, SVG-attributen en HTML-kleurattributen. Benoemde kleuren zijn gemakkelijker te lezen dan hex-codes.
Deze referentie bevat alle benoemde kleuren met hun hex-equivalenten, gegroepeerd per kleurenfamilie. Klik op een kleurstaal om de CSS-kleurnaam naar het klembord te kopiëren.
Hoe te gebruiken
- Blader door het volledige raster of filter op kleurgroep via de vervolgkeuzelijst.
- Zoek op naam (bijv. "blue") of hex-code (bijv. "#0000ff").
- Klik op een kleurstaal om de CSS-kleurnaam te kopiëren (bijv. cornflowerblue).
- Gebruik de naam direct in CSS: color: cornflowerblue;
Gebruiksscenario's
Frontend-ontwikkelaars zoeken snel de naam van een kleur die ze visueel herinneren. Ontwerpers controleren welke CSS-benoemde kleur het dichtst bij hun merkkleur ligt. Docenten gebruiken deze referentie bij het onderwijzen van CSS-kleursyntaxis. Ontwikkelaars gebruiken benoemde kleuren in prototypes en demo's voor leesbaarheid.
Veelgestelde vragen
- Hoeveel CSS-benoemde kleuren zijn er? CSS Color Level 4 definieert 148 benoemde kleuren, plus transparent en currentcolor.
- Zijn benoemde kleuren hetzelfde in alle browsers? Ja. Benoemde kleuren zijn volledig gestandaardiseerd en produceren identieke resultaten in alle moderne browsers.
- Kan ik benoemde kleuren in SVG gebruiken? Ja. SVG accepteert dezelfde CSS-kleurnamen voor fill- en stroke-attributen.