Hitta färgnamn

Så hittar du namnet på en färg

1. Välj en färg med Välj en färg, eller skriv ett värde i Färgkod: en HEX-kod som #1E90FF, rgb(30 144 255), hsl(210 100% 56%) eller valfri annan CSS-färg.
2. Första gången läser verktyget in sin lista med ungefär 32 000 färgnamn (några hundra kilobyte, en gång per besök). Därefter visas resultaten medan du skriver.
3. Läs av Närmaste namn bredvid Din färg. När koden finns exakt i listan står det Exakt träff.
4. Nedanför listas 5 närmaste namn och Närmaste CSS-färgnamn med sin HEX-kod och sitt avstånd (ΔE). Använd Kopiera namn eller Kopiera HEX för att ta med dig ett av dem.
5. Ändra Matcha med för att jämföra med CIEDE2000 (CIELAB) eller OKLab-avstånd, eller klicka på Slumpmässig färg för att utforska.

Färgen och sökningen stannar i din webbläsare.

Varifrån namnen kommer

Namnen kommer från color-name-list, en samling med öppen källkod som underhålls av David Aerne och många bidragsgivare under MIT-licensen. Den samlar omkring 32 000 unika namn från färgkartor för målarfärg, historiska färglexikon, naturen, populärkultur och förslag från användare, från ”Absolute Zero” till ”Zucchini”. Varje namn hör till exakt en HEX-kod. Namnen är på engelska; det finns ingen svensk motsvarighet till listan i verktyget.

Verktyget jämför också din färg med de 148 CSS-färgnamnen i CSS Color Level 4 (tomato, rebeccapurple, dodgerblue …), som alla webbläsare förstår. Synonymer som delar samma kod visas tillsammans, till exempel gray / grey eller aqua / cyan. Det är de här namnen du använder i en stilmall när du vill ha något läsbart.

Så väljs den närmaste färgen

Att jämföra HEX-koder siffra för siffra fungerar inte: #808080 och #7F8080 är nästan identiska, men en liten ändring i en annan kanal kan se helt annorlunda ut. Verktyget omvandlar därför varje färg till en perceptuell färgrymd och mäter avstånden där.

• CIEDE2000 (CIELAB) är Internationella belysningskommissionens (CIE) formel för färgskillnad, som används vid tryck och färgmatchning av målarfärg. Den korrigerar det äldre CIELAB-avståndet efter hur ögat bedömer ljushet, kroma och nyans, särskilt bland blå toner och nästan grå färger. Implementeringen följer Sharma, Wu och Dalal (2005) och är testad mot deras referensdata.
• OKLab-avstånd är det raka avståndet i OKLab, en modern färgrymd som är utformad för jämna perceptuella steg. Det visas multiplicerat med 100 så att det kan läsas på en skala som liknar ΔE2000. Det är snabbare och stämmer ofta överens med CIEDE2000; när de skiljer sig åt är skillnaderna små.

Som riktmärke syns ett ΔE under 1 inte för de flesta, 1 till 2 är en mycket liten skillnad när färgerna ligger bredvid varandra, och över 5 ser färgerna tydligt olika ut. Om det närmaste namnet har ett stort ΔE ligger din färg helt enkelt mellan de namngivna färgerna.

Idéer för att använda färgnamn

• Namnge designtokens och färgrutor i en palett med något vänligare än en kod.
• Beskriv en färg i ett mejl, en produktbeskrivning eller en alt-text.
• Hitta ett CSS-nyckelord som ligger nära en profilfärg för snabba prototyper.