Utilia
Kategooriad ▾
Keel: et ▾

Värvi nime leidja

Leia mis tahes värvi nimi. Sisesta HEX- või RGB-kood ja saa üle 30 000 nimega värvi hulgast 5 lähimat nime ning lähim CSS-i värvinimi.

Kuidas värvi nime leidjat kasutada

  1. Vali värv valikuga Vali värv või sisesta väärtus väljale Värvikood: HEX-kood, näiteks #1E90FF, rgb(30 144 255), hsl(210 100% 56%) või mõni muu CSS-i värv.
  2. Esimesel korral laadib tööriist oma umbes 32 000 värvinime loendi (paarsada kilobaiti, kord külastuse kohta). Pärast seda ilmuvad tulemused sedamööda, kuidas kirjutad.
  3. Vaata Lähimat nime kõrval Sinu värvi. Kui kood on loendis täpselt olemas, on sildiks Täpne vaste.
  4. Allpool on 5 lähimat nime ja Lähimad CSS-i nimega värvid koos nende HEX-koodi ja kaugusega (ΔE). Ühe võtmiseks kasuta nuppe Kopeeri nimi või Kopeeri HEX.
  5. Muuda Võrdlusmeetodit, et võrrelda meetodiga CIEDE2000 (CIELAB) või OKLabi kaugus, või klõpsa nupul Juhuslik värv, et uurida.

Värv ja otsing jäävad sinu brauserisse. Midagi, mida sisestad, ei saadeta serverisse.

Kust nimed pärinevad

Nimed pärinevad projektist color-name-list, mida haldab MIT-litsentsi all David Aerne koos paljude kaasautoritega. See koondab umbes 32 000 unikaalset nime värvikataloogidest, ajaloolistest värvisõnaraamatutest, loodusest, popkultuurist ja kogukonna ettepanekutest, alates „Absolute Zero“ kuni „Zucchini“. Iga nimi kuulub täpselt ühele HEX-koodile. Nimed on inglise keeles, eestikeelseid värvinimesid selles loendis ei ole.

Tööriist võrdleb sinu värvi ka CSS Color Level 4 148 CSS-i nimega värviga (tomato, rebeccapurple, dodgerblue…), mida mõistavad kõik brauserid. Samasuguse koodiga sünonüümid kuvatakse koos, näiteks gray / grey või aqua / cyan. Neid nimesid kasuta stiililehes, kui soovid loetavat koodi.

Kuidas lähim värv valitakse

HEX-koodide võrdlemine number-numbri haaval ei tööta: #808080 ja #7F8080 on peaaegu identsed, kuid väike muutus teises kanalis võib välja näha väga erinev. Tööriist teisendab iga värvi tajupõhisesse värviruumi ja mõõdab kaugusi seal.

  • CIEDE2000 (CIELAB) on Rahvusvahelise Valgustuskomisjoni värvierinevuse valem, mida kasutatakse trükis ja värvide sobitamisel. See parandab vanemat CIELAB-kaugust selle järgi, kuidas meie silmad hindavad heledust, kroma ja tooni, eriti siniste ja hallilähedaste värvide puhul. Teostus järgib Sharma, Wu ja Dalali (2005) tööd ning on testitud nende võrdlusandmete vastu.
  • OKLabi kaugus on sirgjooneline kaugus OKLabis, kaasaegses värviruumis, mis on loodud ühtlaste tajusammude jaoks. See kuvatakse korrutatuna 100-ga, et skaala oleks ΔE2000-ga sarnane. See on kiirem ja kattub sageli CIEDE2000-ga; kui need lähevad lahku, on erinevused peened.

Juhisena: ΔE alla 1 on enamikule inimestest nähtamatu, 1 kuni 2 on väga väike erinevus, mida märkab kõrvuti vaadates, ja üle 5 näivad värvid selgelt erinevad. Kui lähimal nimel on suur ΔE, jääb sinu värv lihtsalt nimega värvide vahele.

Mõtteid värvinimede kasutamiseks

  • Anna disainimärkidele (design tokens) ja paletivärvidele sõbralikum nimi kui kood.
  • Kirjelda värvi e-kirjas, tootekirjelduses või alternatiivtekstis.
  • Leia brändivärvile lähedane CSS-i märksõna kiirete prototüüpide jaoks.

Korduma kippuvad küsimused

Mis nime kannab värv #1E90FF?

Selle CSS-i nimi on dodgerblue, särav taevasinine, ja suur kogukonna loend nimetab seda „Clear Chill“ (täpne vaste). Sisesta mõni muu kood, et leida selle lähimad nimed samal viisil.

Miks mõned nimed on ebatavalised?

Loend on kogukonna tehtud ja sisaldab mänglevaid nimesid popkultuurist ja loodusest. Vaata viit lähimat tulemust ja vali see, mis sobib sinu kontekstiga; CSS-i nimega värvid on kõige standardsemad.

Kas lähim nimi on täpselt minu värv?

Ainult siis, kui silt on Täpne vaste ja ΔE on 0. Muul juhul kuulub nimi lähedasele värvile: võrdle kahte värviproovi kõrvuti.

Millist võrdlusmeetodit kasutada?

CIEDE2000 on väljakujunenud tööstusstandard ja vaikimisi valik. OKLabi kaugus on hea kaasaegne alternatiiv. Proovi mõlemat, kui värv jääb kahe nime vahele.

Kas saab otsida nime järgi, mitte koodi järgi?

Selles tööriistas mitte. Küll aga võid väljale Värvikood sisestada mis tahes 148 CSS-i värvinimest, näiteks salmon, ja näha selle lähedal olevaid teisi nimesid.

Seotud tööriistad