Vyhľadávač názvov farieb
Nájdite najbližšiu pomenovanú farbu CSS pre ľubovoľnú hodnotu farby. Vložte až 100 farieb v ľubovoľnom formáte CSS a pre každú získate najbližšie pomenované farby z 148 CSS, zoradené podľa farebného rozdielu CIEDE2000, spolu s názvom, hexadecimálnym kódom, hodnotou Delta E a mierou zhody. Pre každú farbu môžete zobraziť až 10 zhôd. Užitočné pri pomenúvaní dizajnových tokenov, opisovaní farieb v dokumentácii a hľadaní rýchleho kľúčového slova.
Často kladené otázky
Ktoré názvy farieb sa vyhľadávajú?
Pomenované farby 148 z CSS Color 4, od aliceblue po yellowgreen vrátane rebeccapurple. Názvy s rovnakou hodnotou, napríklad aqua a cyan, fuchsia a magenta či varianty gray a grey, sa zobrazujú spolu v jednom riadku, takže zostáva 139 jedinečných farieb. Farby transparent a systémové farby nie sú zahrnuté.
Ako sa meria najbližší názov?
Pomocou rozdielu farieb CIEDE2000, Delta E 2000, vypočítaného v priestore CIELAB knižnicou culori. Ide o priemyselný štandard na meranie toho, ako odlišne vníma dve farby priemerný pozorovateľ; nižšia hodnota znamená bližšiu zhodu.
Čo znamená hodnotenie zhody?
Presná znamená, že pomenovaná farba má rovnaký hexadecimálny kód. Veľmi blízka znamená Delta E pod 2, rozdiel je teda ťažké rozpoznať; podobná znamená hodnotu pod 5, rozdiel je viditeľný pri priamom porovnaní; vzdialená znamená hodnotu 5 alebo viac, pričom názov označuje iba všeobecnú farebnú skupinu.
Koľko zhôd sa zobrazí?
Pri každej farbe 1 až 10, predvolene 3, zoradené od najbližšej po najvzdialenejšiu. Ďalšie zhody pomôžu, keď má najbližší názov správny jas, ale nesprávny odtieň, alebo naopak.
Ako zadám farby?
Zadajte jednu farbu na riadok alebo viacero farieb na jednom riadku oddelených čiarkami alebo bodkočiarkami; čiarky v rgb() alebo hsl() nerozdeľujú položky. Prijímajú sa hexadecimálne kódy s # alebo bez neho, CSS názvy farieb, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() a cmyk(), najviac 100 farieb na jedno spustenie.
Čo sa stane s priehľadnými farbami?
Pomenované farby sú nepriehľadné, preto sa alfa kanál ignoruje a farba sa porovnáva, akoby bola úplne nepriehľadná. Stĺpec HEX zobrazuje porovnávaný 6-miestny kód.
Čo sa stane s farbami so širokým farebným rozsahom?
Farby mimo sRGB, napríklad sýte hodnoty Display P3 alebo OKLCH, sa najprv prevedú do sRGB pomocou algoritmu CSS Color 4, pretože všetky pomenované farby CSS sú farby sRGB. Stĺpec HEX potom zobrazuje prevedenú hodnotu, s ktorou sa názvy porovnávajú.
Môžem namiesto hexadecimálneho kódu použiť názov?
Iba vtedy, keď je zhoda presná; inak pomenovaná farba vyzerá inak. Blízky názov je stále užitočnou nápovedou pre ľudí v dizajnovom tokene alebo dokumentácii, napríklad pre modrú farbu blízku steelblue.
Prečo iba CSS názvov a nie rozsiahlejší zoznam?
CSS názvy rozpoznávajú všetky prehliadače a môžete ich priamo zadávať do štýlopisu. Rozsiahlejšie zoznamy názvov sa medzi dodávateľmi líšia a často podliehajú licencii, zatiaľ čo tieto názvy 148 definuje štandard CSS.
Prečo mi môže zhoda s vyššou hodnotou Delta E pripadať bližšia?
Delta E 2000 modeluje priemerného pozorovateľa pri štandardných podmienkach sledovania. To, čo sa vám javí ako najbližšie, ovplyvňuje displej, jeho kalibrácia, okolité farby aj individuálne vnímanie farieb, preto berte poradie ako spoľahlivé vodidlo, nie ako absolútne pravidlo.