Utilia

Pronalazač naziva boje

Pronađi naziv bilo koje boje. Upiši HEX ili RGB kod i dobij 5 najbližih naziva među više od 30.000 imenovanih boja, plus najbliži CSS naziv boje.

Kako se koristi pronalazač naziva boje

  1. Izaberi boju pomoću Izaberi boju ili upiši vrednost u polje 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 listu od oko 32.000 naziva boja (nekoliko stotina kilobajta, jednom po poseti). Posle toga se rezultati prikazuju dok kucaš.
  3. Pročitaj Najbliži naziv pored Tvoja boja. Kad se kod tačno nalazi na listi, oznaka glasi Tačno poklapanje.
  4. Ispod su navedeni 5 najbližih naziva i Najbliže CSS imenovane boje sa svojim HEX kodom i rastojanjem (ΔE). Upotrebi Kopiraj naziv ili Kopiraj HEX da uzmeš jedan.
  5. Promeni Poređenje po da uporediš pomoću CIEDE2000 (CIELAB) ili OKLab rastojanje, ili klikni Nasumična boja da istražuješ.

Boja i pretraga ostaju u tvom pregledaču. Ništa što upišeš ne šalje se na server.

Odakle dolaze nazivi

Nazivi potiču iz color-name-list, otvorene zbirke koju održava David Aerne uz mnogo saradnika, pod MIT licencom. Okuplja oko 32.000 jedinstvenih naziva iz kataloga boja, istorijskih rečnika boja, prirode, popularne kulture i predloga zajednice, od „Absolute Zero“ do „Zucchini“. Svaki naziv pripada tačno jednom HEX kodu. Nazivi su na engleskom jeziku i ne postoje u srpskom prevodu.

Alat poredi tvoju boju i sa 148 CSS imenovanih boja iz CSS Color Level 4 (tomato, rebeccapurple, dodgerblue…), koje razumeju svi pregledači. Sinonimi koji dele isti kod prikazuju se zajedno, na primer gray / grey ili aqua / cyan. To su nazivi koje treba koristiti u stilskom fajlu kad želiš nešto čitljivo.

Kako se bira najbliža boja

Poređenje HEX kodova cifru po cifru ne radi: #808080 i #7F8080 su skoro identični, ali mala promena u drugom kanalu može izgledati veoma različito. Alat pretvara svaku boju u perceptivni prostor boja i tamo meri rastojanja.

  • CIEDE2000 (CIELAB) je formula razlike boja Međunarodne komisije za osvetljenje, koja se koristi u štampi i usklađivanju boja farbi. Ispravlja stariju CIELAB razdaljinu u pogledu načina na koji oko procenjuje svetlinu, hromu i ton, naročito kod plavih i skoro sivih boja. Implementacija prati Sharma, Wu i Dalal (2005) i testirana je prema njihovim referentnim podacima.
  • OKLab rastojanje je rastojanje vazdušnom linijom u prostoru OKLab, modernom prostoru osmišljenom za ravnomerne perceptivne korake. Prikazuje se pomnoženo sa 100 da se čita na skali sličnoj ΔE2000. Brže je i često se slaže sa CIEDE2000, a kad se razilaze, razlike su neznatne.

Orijentaciono, ΔE ispod 1 većina ljudi ne primećuje, 1 do 2 je veoma mala razlika vidljiva kad su boje jedna pored druge, a iznad 5 boje izgledaju jasno različito. Ako najbliži naziv ima veliko ΔE, tvoja boja prosto pada između imenovanih boja.

Ideje za upotrebu naziva boja

  • Imenuj dizajnerske tokene i uzorke paleta nečim prijatnijim od koda.
  • Opiši boju u mejlu, opisu proizvoda ili alternativnom tekstu.
  • Pronađi CSS ključnu reč blisku boji brenda za brze prototipe.

Česta pitanja

Kako se zove boja #1E90FF?

Njen CSS naziv je dodgerblue, svetla azurno plava, a velika lista zajednice je naziva „Clear Chill“ (tačno poklapanje). Upiši bilo koji drugi kod i na isti način pronađi njegove najbliže nazive.

Zašto su neki nazivi neobični?

Lista je nastala u zajednici i sadrži razigrane nazive iz popularne kulture i prirode. Pogledaj pet najbližih rezultata i izaberi onaj koji odgovara tvom kontekstu. CSS imenovane boje su najstandardnije.

Da li je najbliži naziv tačno moja boja?

Samo kad oznaka kaže Tačno poklapanje i kad je ΔE jednako 0. U suprotnom naziv pripada obližnjoj boji: uporedi dva uzorka jedan pored drugog.

Koji način poređenja da koristim?

CIEDE2000 je ustaljen industrijski standard i podrazumevan je. OKLab rastojanje je dobra moderna alternativa. Probaj oba kad boja leži između dva naziva.

Mogu li da pretražujem po nazivu umesto po kodu?

Ne u ovom alatu. Možeš, međutim, da upišeš bilo koji od 148 CSS naziva boja u polje Kod boje, na primer salmon, i vidiš ostale nazive u njegovoj blizini.