Color Name Finder
Hitta närmaste namngivna CSS-färg för valfritt färgvärde. Klistra in upp till 100 färger i valfritt CSS-format och få för varje färg den närmaste av de 148 namngivna färgerna i CSS, rangordnade efter färgskillnaden CIEDE2000. Resultatet innehåller namnet, hexkoden, Delta E-värdet och en matchningsbedömning. Visa upp till 10 matchningar per färg. Praktiskt för att namnge designtoken, beskriva färger i dokumentation och snabbt hitta ett nyckelord.
Vanliga frågor
Vilka färgnamn söks igenom?
De 148 namngivna färgerna i CSS Color 4, från aliceblue till yellowgreen, inklusive rebeccapurple. Namn som har samma värde, till exempel aqua och cyan, fuchsia och magenta samt stavningarna gray och grey, visas tillsammans på en rad, vilket ger 139 unika färger. transparent och systemfärger ingår inte.
Hur mäts den närmaste färgmatchningen?
Med färgskillnaden CIEDE2000, Delta E 2000, beräknad i CIELAB med biblioteket culori. Det är branschstandard för hur olika två färger ser ut för en genomsnittlig observatör; ett lägre värde betyder en närmare matchning.
Vad betyder matchningsbetygen?
Exakt betyder att den namngivna färgen har samma hexkod. Mycket nära betyder ett Delta E under 2, vilket är svårt att skilja åt; liknande betyder under 5, märkbart sida vid sida; avlägsen betyder 5 eller mer, där namnet bara beskriver den allmänna färgfamiljen.
Hur många matchningar får jag?
Mellan 1 och 10 per färg, 3 som standard, rangordnade från närmast till längst bort. Fler matchningar är användbara när det närmaste namnet har rätt ljushet men fel nyans, eller tvärtom.
Hur anger jag färger?
Ange en färg per rad, eller flera på en rad separerade med kommatecken eller semikolon; kommatecken inuti rgb() eller hsl() delar inte upp värdena. Hexkoder med eller utan #, CSS färgnamn, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() och cmyk() godtas, upp till 100 färger per körning.
Vad händer med transparenta färger?
Namngivna färger är opaka, så alfavärdet ignoreras och färgen jämförs som om den vore helt opak. HEX-kolumnen visar den 6-siffriga kod som jämfördes.
Vad händer med färger med brett färgomfång?
Färger utanför sRGB, till exempel livfulla Display P3- eller OKLCH-värden, mappas först till sRGB med algoritmen CSS Color 4, eftersom alla CSS namngivna färger är sRGB-färger. HEX-kolumnen visar sedan det mappade värdet, som namnen jämförs med.
Kan jag använda namnet i stället för min hexkod?
Bara när matchningen är exakt; annars ser den namngivna färgen annorlunda ut. Ett närliggande namn är ändå en bra läsbar ledtråd i en designtoken eller dokumentation, till exempel en blå färg som ligger nära steelblue.
Varför bara CSS namn och ingen större lista?
CSS namn är sådana som alla webbläsare förstår och som du kan skriva direkt i en formatmall. Större namnlistor skiljer sig mellan leverantörer och är ofta licensierade, medan dessa 148 namn definieras av standarden CSS.
Varför kan en matchning med högre Delta E se närmare ut för mig?
Delta E 2000 modellerar en genomsnittlig observatör under standardiserade visningsförhållanden. Din skärm, dess kalibrering, omgivande färger och individuella färgseende påverkar alla vad som ser närmast ut, så se rangordningen som en stark vägledning snarare än ett absolut svar.