Utilia
Kategorier ▾
Språk: nb ▾

Finn fargenavn

Finn navnet på en farge. Skriv inn en HEX- eller RGB-kode og få de 5 nærmeste navnene fra over 30 000 navngitte farger, pluss nærmeste CSS-fargenavn.

Slik bruker du verktøyet for å finne fargenavn

  1. Velg en farge med Velg en farge, eller skriv en verdi i Fargekode: en HEX-kode som #1E90FF, rgb(30 144 255), hsl(210 100% 56%) eller en annen CSS-farge.
  2. Første gang laster verktøyet listen sin med omtrent 32 000 fargenavn (noen hundre kilobyte, én gang per besøk). Etter det vises resultatene mens du skriver.
  3. Les av Nærmeste navn ved siden av Fargen din. Hvis koden står nøyaktig i listen, står det Eksakt treff.
  4. Under står de 5 nærmeste navnene og Nærmeste CSS-fargenavn, med HEX-kode og avstand (ΔE). Bruk Kopier navn eller Kopier HEX for å ta med deg ett av dem.
  5. Bytt Sammenlign med til CIEDE2000 (CIELAB) eller OKLab-avstand, eller klikk på Tilfeldig farge for å utforske.

Fargen og søket blir i nettleseren din. Ingenting du skriver inn, sendes til en server.

Hvor navnene kommer fra

Navnene kommer fra color-name-list, en åpen kildekode-samling som vedlikeholdes av David Aerne og mange bidragsytere under MIT-lisensen. Den samler rundt 32 000 unike navn fra fargekart for maling, historiske fargeordbøker, natur, popkultur og forslag fra fellesskapet, fra «Absolute Zero» til «Zucchini». Hvert navn hører til nøyaktig én HEX-kode. Navnene er på engelsk, så resultatene vises på engelsk også på norsk side.

Verktøyet sammenligner også fargen din med de 148 CSS-fargenavnene i CSS Color Level 4 (tomato, rebeccapurple, dodgerblue …), som alle nettlesere forstår. Synonymer med samme kode vises sammen, for eksempel gray / grey eller aqua / cyan. Dette er navnene du bør bruke i et stilark når du vil ha noe lesbart.

Slik velges den nærmeste fargen

Å sammenligne HEX-koder siffer for siffer fungerer ikke: #808080 og #7F8080 er nesten like, men en liten endring i en annen kanal kan se svært forskjellig ut. Verktøyet konverterer hver farge til et perseptuelt fargerom og måler avstander der.

  • CIEDE2000 (CIELAB) er fargeforskjellsformelen fra Den internasjonale belysningskommisjonen (CIE), brukt ved trykk og fargematching av maling. Den korrigerer den eldre CIELAB-avstanden for hvordan øynene våre vurderer lyshet, kroma og fargetone, særlig i blåtoner og nesten grå farger. Implementeringen følger Sharma, Wu og Dalal (2005) og er testet mot referansedataene deres.
  • OKLab-avstand er den rette avstanden i OKLab, et moderne rom som er laget for jevne perseptuelle trinn. Den vises ganget med 100, slik at den leses på en skala som ligner ΔE2000. Den er raskere og stemmer ofte med CIEDE2000. Når de er uenige, er forskjellene små.

Som tommelfingerregel er en ΔE under 1 usynlig for de fleste, 1 til 2 er en svært liten forskjell man ser når fargene ligger side om side, og over 5 ser fargene tydelig forskjellige ut. Hvis det nærmeste navnet har en stor ΔE, ligger fargen din rett og slett mellom navngitte farger.

Ideer til bruk av fargenavn

  • Gi designtokens og fargeprøver i en palett et vennligere navn enn en kode.
  • Beskriv en farge i en e-post, i en produktoppføring eller i alternativ tekst.
  • Finn et CSS-nøkkelord som ligger nær en merkevarefarge, til raske prototyper.

Ofte stilte spørsmål

Hva heter fargen #1E90FF?

CSS-navnet er dodgerblue, en klar asurblå farge, og den store fellesskapslisten kaller den «Clear Chill» (eksakt treff). Skriv inn en annen kode for å finne de nærmeste navnene på samme måte.

Hvorfor er noen navn uvanlige?

Listen er laget av fellesskapet og inneholder lekne navn fra popkultur og natur. Se på de fem nærmeste resultatene og velg det som passer i din sammenheng. CSS-fargenavnene er de mest standardiserte.

Er det nærmeste navnet nøyaktig fargen min?

Bare når det står Eksakt treff og ΔE er 0. Ellers hører navnet til en farge i nærheten: sammenlign de to fargeprøvene side om side.

Hvilken sammenligningsmetode bør jeg bruke?

CIEDE2000 er den etablerte bransjestandarden og er standardvalget. OKLab-avstand er et godt moderne alternativ. Prøv begge når en farge ligger mellom to navn.

Kan jeg søke på navn i stedet for kode?

Ikke i dette verktøyet. Du kan derimot skrive inn et av de 148 CSS-fargenavnene i Fargekode, for eksempel salmon, og se de andre navnene som ligger nær.

Relaterte verktøy