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.
5 najbližih naziva
Najbliže CSS imenovane boje
ΔE ispod 1 većini ljudi je nevidljiv, 1–2 je vrlo mala razlika, a iznad 5 boje izgledaju jasno različito.
Kako koristiti tražilicu naziva boja
- 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. - 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š.
- Pročitaj Najbliži naziv pokraj Tvoja boja. Kad je kod točno na popisu, oznaka glasi Točno podudaranje.
- 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.
- 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.
Slični alati
- Birač boja Besplatan mrežni birač boja. Odaberi bilo koju boju i odmah kopiraj njezine HEX, RGB, HSL, HSV i CMYK kodove, s omjerima kontrasta prema bijeloj i crnoj.
- Birač boja sa slike Učitaj sliku i klikni bilo koji piksel da dobiješ njegovu boju kao HEX, RGB, HSL, HSV i CMYK. Povećalo, prosjek i popis odabranih boja, sve u pregledniku.
- Pretvarač boja Pretvori bilo koju boju među formatima HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH i OKLCH. Zalijepi kod, vidi boju i kopiraj svaki format jednim klikom.