Utilia
Kategórie ▾
Jazyk: sk ▾

Vyhľadávač názvov farieb

Zisti názov ľubovoľnej farby. Zadaj kód HEX alebo RGB a získaš 5 najbližších názvov z vyše 30 000 pomenovaných farieb aj najbližší názov farby v CSS.

Ako používať vyhľadávač názvov farieb

  1. Vyber farbu cez Vyber farbu alebo zadaj hodnotu do poľa Kód farby: kód HEX ako #1E90FF, rgb(30 144 255), hsl(210 100% 56%) alebo ľubovoľnú inú farbu CSS.
  2. Pri prvom použití nástroj načíta zoznam asi 32 000 názvov farieb (niekoľko stoviek kilobajtov, raz za návštevu). Potom sa výsledky zobrazujú počas písania.
  3. Pri Tvoja farba si prečítaj Najbližší názov. Ak je kód v zozname presne, popisok hlási Presná zhoda.
  4. Nižšie je 5 najbližších názvov a Najbližšie pomenované farby CSS s ich kódom HEX a vzdialenosťou (ΔE). Pomocou Kopírovať názov alebo Kopírovať HEX si jeden vezmeš.
  5. Zmenou Porovnať pomocou môžeš porovnávať podľa CIEDE2000 (CIELAB) alebo Vzdialenosť v OKLab, alebo kliknúť na Náhodná farba a skúmať.

Farba aj hľadanie zostávajú v tvojom prehliadači. Nič, čo zadáš, sa neodosiela na server.

Odkiaľ sú názvy

Názvy pochádzajú z projektu color-name-list, otvorenej zbierky, ktorú udržiava David Aerne a mnohí prispievatelia pod licenciou MIT. Zhromažďuje okolo 32 000 jedinečných názvov z farebných vzorkovníc, historických slovníkov farieb, prírody, popkultúry a komunitných návrhov, od „Absolute Zero“ po „Zucchini“. Každý názov patrí presne jednému kódu HEX. Názvy sú v angličtine: zoznam nie je preložený do slovenčiny.

Nástroj porovnáva tvoju farbu aj so 148 pomenovanými farbami CSS podľa CSS Color Level 4 (tomato, rebeccapurple, dodgerblue…), ktorým rozumie každý prehliadač. Synonymá s rovnakým kódom sa zobrazujú spolu, napríklad gray / grey alebo aqua / cyan. Tieto názvy použi v štýlovom predpise, keď chceš čitateľný zápis.

Ako sa vyberá najbližšia farba

Porovnávanie kódov HEX číslicu po číslici nefunguje: #808080 a #7F8080 sú takmer rovnaké, no malá zmena v inom kanáli môže vyzerať úplne odlišne. Nástroj preto prevedie každú farbu do percepčného farebného priestoru a vzdialenosti meria v ňom.

  • CIEDE2000 (CIELAB) je vzorec Medzinárodnej komisie pre osvetlenie na rozdiel farieb, používaný pri tlači a miešaní náterov. Opravuje starší rozdiel v CIELAB o to, ako oko posudzuje svetlosť, sýtosť a odtieň, najmä pri modrých a takmer sivých farbách. Implementácia vychádza zo Sharmu, Wu a Dalala (2005) a je otestovaná na ich referenčných dátach.
  • Vzdialenosť v OKLab je vzdialenosť priamou čiarou v priestore OKLab, modernom priestore navrhnutom pre rovnomerné vnemové kroky. Zobrazuje sa vynásobená 100, aby sa čítala na škále podobnej ΔE2000. Je rýchlejšia a často sa zhoduje s CIEDE2000; keď sa líšia, rozdiely sú nenápadné.

Orientačne: ΔE pod 1 väčšina ľudí nevidí, 1 až 2 je veľmi slabý rozdiel viditeľný pri porovnaní vedľa seba a nad 5 sa farby jasne líšia. Ak má najbližší názov veľké ΔE, tvoja farba jednoducho leží medzi pomenovanými farbami.

Nápady na využitie názvov farieb

  • Pomenuj dizajnové tokeny a vzorky palety niečím príjemnejším než kódom.
  • Opíš farbu v e-maile, v popise produktu alebo v alternatívnom texte.
  • Nájdi kľúčové slovo CSS blízke farbe značky pre rýchle prototypy.

Často kladené otázky

Aký názov má farba #1E90FF?

Jej názov v CSS je dodgerblue, jasná azúrová modrá, a veľký komunitný zoznam ju nazýva „Clear Chill“ (presná zhoda). Zadaj ľubovoľný iný kód a rovnakým spôsobom nájdeš jeho najbližšie názvy.

Prečo sú niektoré názvy neobvyklé?

Zoznam vytvára komunita a obsahuje hravé názvy z popkultúry a prírody. Pozri si päť najbližších výsledkov a vyber ten, ktorý sa hodí do tvojho kontextu; pomenované farby CSS sú najštandardnejšie.

Je najbližší názov presne moja farba?

Len vtedy, keď popisok hlási Presná zhoda a ΔE je 0. Inak názov patrí blízkej farbe: porovnaj obe vzorky vedľa seba.

Ktorú metódu porovnania mám použiť?

CIEDE2000 je zavedený priemyselný štandard a je predvolená. Vzdialenosť v OKLab je dobrá moderná alternatíva. Keď farba leží medzi dvoma názvami, skús obe.

Môžem hľadať podľa názvu namiesto kódu?

V tomto nástroji nie. Do poľa Kód farby však môžeš zadať ktorýkoľvek zo 148 názvov farieb CSS, napríklad salmon, a zobrazia sa ďalšie názvy blízke tejto farbe.

Súvisiace nástroje