Vad är CSS namngivna färger?

CSS namngivna färger är en uppsättning fördefinierade färgord som webbläsare och designverktyg känner igen efter namn — ord som tomato, steelblue, cornflowerblue eller rebeccapurple. Det finns 147 standardiserade namngivna färger definierade i CSS Color Level 4-specifikationen (även känd som W3CX11-färglistan). Varje namn motsvarar ett specifikt hexadecimalt värde, vilket gör det enkelt att referera till färger i kod utan att behöva komma ihåg exakta RGB- eller hexvärden.

Namngivna färger har varit en del av HTML och CSS sedan webben började. Med tiden växte listan från de ursprungliga 16 grundfärgerna till den fullständiga uppsättningen som erkänns idag. Trots överflödet av hexkoder och anpassade egenskaper i modern webbutveckling förblir namngivna färger populära för läsbarhet, snabb prototypning och utbildningssyften.

Verktygsbeskrivning

Color Name Finder tar vilken färg du väljer — via en färgväljare eller hexadecimal inmatning — och identifierar den närmaste CSS namngivna färgen. När den valda färgen är en exakt CSS-färg visar den en perfekt matchning. Annars beräknar den den perceptuella färgskillnaden till varje namngivet färg med hjälp av CIEDE2000-algoritmen och returnerar den närmaste, tillsammans med ett numeriskt avståndsvärde som anger hur nära matchningen är.

Funktioner

  • Perceptuell färgmatchning — använder CIEDE2000-färgskillnadsformeln, samma mätvärde som används inom professionell färgvetenskap, för att hitta den mest visuellt likartade namngivna färgen snarare än bara det närmaste hexvärdet.
  • Exakt matchningsdetektering — känner omedelbar igen någon av de 147 standardiserade CSS namngivna färgerna och rapporterar en exakt matchning med noll avstånd.
  • ΔE avståndsvärde — visar ett numeriskt delta E-värde så att du kan bedöma hur nära det närmaste namnet är; värden under 2 är generellt omärkliga för det mänskliga ögat.