Wat zijn CSS benoemde kleuren?

CSS benoemde kleuren zijn een set voorgedefinieerde kleursleutelwoorden die browsers en designtools herkennen op naam — woorden zoals tomato, steelblue, cornflowerblue, of rebeccapurple. Er zijn 147 standaard benoemde kleuren gedefinieerd in de CSS Color Level 4 specificatie (ook bekend als de W3CX11 kleurenlijst). Elke naam verwijst naar een specifieke hex-waarde, waardoor het gemakkelijk is om kleuren in code te gebruiken zonder exacte RGB- of hex-waarden te onthouden.

Benoemde kleuren maken deel uit van HTML en CSS sinds de vroege dagen van het web. In de loop der tijd groeide de lijst van de originele 16 basistkleuren naar de volledige set die vandaag wordt herkend. Ondanks de overvloed aan hex-codes en aangepaste eigenschappen in moderne webontwikkeling, blijven benoemde kleuren populair voor leesbaarheid, snelle prototyping en educatieve doeleinden.

Hulpprogrammabeschrijving

Color Name Finder neemt elke kleur die je kiest — via een kleurkiezer of hex-invoer — en identificeert de dichtstbijzijnde CSS benoemde kleur. Wanneer de geselecteerde kleur een exacte CSS-kleur is, toont het een perfecte overeenkomst. Anders berekent het de perceptuele kleurafstand tot elke benoemde kleur met behulp van het CIEDE2000-algoritme en retourneert de dichtstbijzijnde, samen met een numerieke afstandsscore die aangeeft hoe dicht de overeenkomst is.

Functies

  • Perceptuele kleurkoppeling — gebruikt de CIEDE2000 kleurverschilformule, dezelfde metriek die in professionele kleurwetenschap wordt gebruikt, om de meest visueel vergelijkbare benoemde kleur te vinden in plaats van alleen de dichtstbijzijnde hex-waarde.
  • Exacte overeenkomstdetectie — herkent onmiddellijk elk van de 147 standaard CSS benoemde kleuren en rapporteert een nulafstand exacte overeenkomst.
  • ΔE afstandsscore — toont een numerieke delta E-waarde zodat je kunt beoordelen hoe dicht de dichtstbijzijnde naam is; waarden onder 2 zijn over het algemeen onwaarneembaar voor het menselijk oog.