Utilia

Tražilica naziva boja

Pronađi naziv bilo koje boje. Upiši HEX ili RGB kod i dobit ćeš 5 najbližih naziva od više od 30 000 imenovanih boja te najbliži CSS naziv boje.

Kako koristiti tražilicu naziva boja

  1. Odaberi boju pomoću Odaberi boju ili upiši vrijednost u Kod boje: HEX kod poput #1E90FF, rgb(30 144 255), hsl(210 100% 56%) ili bilo koju drugu CSS boju.
  2. Prvi put alat učitava popis od oko 32 000 naziva boja (nekoliko stotina kilobajta, jednom po posjetu). Nakon toga se rezultati prikazuju dok tipkaš.
  3. Pročitaj Najbliži naziv pokraj Tvoja boja. Kad je kod točno na popisu, oznaka glasi Točno podudaranje.
  4. Ispod su navedeni 5 najbližih naziva i Najbliže CSS imenovane boje s njihovim HEX kodom i udaljenošću (ΔE). Pomoću Kopiraj naziv ili Kopiraj HEX uzmi jedan od njih.
  5. Promijeni Usporedi pomoću da usporediš s CIEDE2000 (CIELAB) ili Udaljenost u OKLabu, ili klikni Nasumična boja za istraživanje.

Boja i pretraga ostaju u tvom pregledniku.

Odakle dolaze nazivi

Nazivi dolaze iz projekta color-name-list, zbirke otvorenog koda koju održava David Aerne uz mnogo suradnika pod licencijom MIT. Okuplja oko 32 000 jedinstvenih naziva iz kataloga boja za zidove, povijesnih rječnika boja, prirode, popularne kulture i prijedloga zajednice, od „Absolute Zero“ do „Zucchini“. Svaki naziv pripada točno jednom HEX kodu. Nazivi su na engleskom jeziku, a ovaj alat ih ne prevodi.

Alat tvoju boju uspoređuje i sa 148 CSS imenovanih boja iz CSS Color Level 4 (tomato, rebeccapurple, dodgerblue…), koje razumiju svi preglednici. Sinonimi koji dijele isti kod prikazuju se zajedno, poput gray / grey ili aqua / cyan. To su nazivi koje koristiš u stilskoj datoteci kad želiš nešto čitljivo.

Kako se bira najbliža boja

Uspoređivanje HEX kodova znamenku po znamenku ne funkcionira: #808080 i #7F8080 gotovo su identični, ali mala promjena u drugom kanalu može izgledati posve drukčije. Alat svaku boju pretvara u perceptivni prostor boja i tamo mjeri udaljenosti.

  • CIEDE2000 (CIELAB) je formula za razliku boja Međunarodne komisije za rasvjetu, koja se koristi u tisku i usklađivanju boja. Ispravlja stariju CIELAB udaljenost prema tome kako naše oči procjenjuju svjetlinu, kromu i ton, osobito kod plavih i gotovo sivih boja. Implementacija slijedi rad autora Sharma, Wu i Dalal (2005) i testirana je na njihovim referentnim podacima.
  • Udaljenost u OKLabu je ravna udaljenost u OKLabu, modernom prostoru osmišljenom za ravnomjerne perceptivne korake. Prikazuje se pomnožena sa 100 da se čita na ljestvici sličnoj ΔE2000. Brža je i često se slaže s CIEDE2000; kad se ne slažu, razlike su suptilne.

Kao orijentir, ΔE ispod 1 većini ljudi je nevidljiv, 1 do 2 je vrlo mala razlika koja se vidi kad su boje jedna pokraj druge, a iznad 5 boje izgledaju jasno različito. Ako najbliži naziv ima veliki ΔE, tvoja boja jednostavno pada između imenovanih boja.

Ideje za uporabu naziva boja

  • Imenuj dizajnerske tokene i uzorke paleta nečim prijaznijim od koda.
  • Opiši boju u e-poruci, opisu proizvoda ili alternativnom tekstu.
  • Pronađi CSS ključnu riječ blizu boje brenda za brze prototipove.

Česta pitanja

Kako se zove boja #1E90FF?

Njezin CSS naziv je dodgerblue, svijetla azurno plava, a veliki popis zajednice naziva je „Clear Chill“ (točno podudaranje). Upiši bilo koji drugi kod da na isti način pronađeš njegove najbliže nazive.

Zašto su neki nazivi neobični?

Popis izrađuje zajednica i uključuje razigrane nazive iz popularne kulture i prirode. Pogledaj pet najbližih rezultata i odaberi onaj koji odgovara tvom kontekstu; CSS imenovane boje najstandardnije su.

Je li najbliži naziv točno moja boja?

Samo kad oznaka glasi Točno podudaranje i ΔE iznosi 0. Inače naziv pripada obližnjoj boji: usporedi dva uzorka jedan pokraj drugog.

Koju metodu usporedbe odabrati?

CIEDE2000 uhodani je industrijski standard i zadana je opcija. Udaljenost u OKLabu dobra je moderna alternativa. Isprobaj obje kad boja pada između dva naziva.

Mogu li tražiti po nazivu umjesto po kodu?

U ovom alatu ne. Možeš ipak upisati bilo koji od 148 CSS naziva boja u Kod boje, na primjer salmon, i vidjeti ostale nazive blizu njega.