Farvenavn-finder

Sådan bruger du farvenavn-finderen

1. Vælg en farve med Vælg en farve, eller skriv en værdi i Farvekode: en HEX-kode som #1E90FF, rgb(30 144 255), hsl(210 100% 56%) eller en hvilken som helst anden CSS-farve.
2. Første gang indlæser værktøjet sin liste med omkring 32.000 farvenavne (nogle få hundrede kilobyte, én gang pr. besøg). Derefter vises resultaterne, mens du skriver.
3. Aflæs Nærmeste navn ud for Din farve. Hvis koden står præcis i listen, står der Præcis match.
4. Nedenunder vises de 5 nærmeste navne og de Nærmeste CSS-farvenavne med deres HEX-kode og afstand (ΔE). Brug Kopiér navn eller Kopiér HEX for at tage et med.
5. Skift Sammenlign med til CIEDE2000 (CIELAB) eller OKLab-afstand, eller klik på Tilfældig farve for at udforske.

Farven og søgningen bliver i din browser. Intet, du indtaster, sendes til en server.

Hvor navnene kommer fra

Navnene stammer fra color-name-list, en open source-samling vedligeholdt af David Aerne og mange bidragydere under MIT-licensen. Den samler omkring 32.000 unikke navne fra farvekort til maling, historiske farveordbøger, natur, popkultur og forslag fra fællesskabet, fra »Absolute Zero« til »Zucchini«. Hvert navn hører til præcis én HEX-kode. Navnene er på engelsk, og værktøjet oversætter dem ikke til dansk.

Værktøjet sammenligner også din farve med de 148 CSS-farvenavne i CSS Color Level 4 (tomato, rebeccapurple, dodgerblue …), som alle browsere forstår. Synonymer med samme kode vises sammen, for eksempel gray / grey eller aqua / cyan. Det er de navne, du skal bruge i et stylesheet, når du vil have noget læsbart.

Sådan vælges den nærmeste farve

Det virker ikke at sammenligne HEX-koder ciffer for ciffer: #808080 og #7F8080 er næsten ens, men en lille ændring i en anden kanal kan se meget anderledes ud. Værktøjet omregner hver farve til et perceptuelt farverum og måler afstande dér.

• CIEDE2000 (CIELAB) er Den Internationale Belysningskommissions formel for farveforskel, som bruges til tryk og afstemning af maling. Den korrigerer den ældre CIELAB-afstand for, hvordan vores øjne bedømmer lysstyrke, kroma og farvetone, især i blå nuancer og næsten grå farver. Implementeringen følger Sharma, Wu og Dalal (2005) og er testet mod deres referencedata.
• OKLab-afstand er den rette afstand i OKLab, et moderne rum designet til jævne perceptuelle trin. Den vises ganget med 100, så den læses på en skala, der ligner ΔE2000. Den er hurtigere og stemmer ofte overens med CIEDE2000. Når de er uenige, er forskellene små.

Som tommelfingerregel kan de fleste ikke se en ΔE under 1, 1 til 2 er en meget lille forskel, hvis farverne ligger side om side, og over 5 ser farverne tydeligt forskellige ud. Hvis det nærmeste navn har en stor ΔE, ligger din farve simpelthen mellem navngivne farver.

Ideer til brug af farvenavne

• Giv designtokens og paletprøver et venligere navn end en kode.
• Beskriv en farve i en e-mail, en produktbeskrivelse eller en alternativ tekst.
• Find et CSS-nøgleord tæt på en virksomhedsfarve til hurtige prototyper.