Color Name Finder
Găsiți cea mai apropiată culoare cu nume CSS pentru orice valoare de culoare. Lipiți până la 100 culori în orice format CSS și obțineți, pentru fiecare, cele mai apropiate dintre cele 148 culori denumite CSS, clasate după diferența de culoare CIEDE2000, împreună cu numele, codul hexazecimal, valoarea Delta E și un scor de potrivire. Afișați până la 10 potriviri pentru fiecare culoare. Util pentru denumirea tokenurilor de design, descrierea culorilor în documentație și găsirea rapidă a unui cuvânt-cheie.
Întrebări frecvente
Ce nume de culori sunt căutate?
Cele 148 culori denumite din CSS Color 4, de la aliceblue la yellowgreen, inclusiv rebeccapurple. Numele care au aceeași valoare, precum aqua și cyan, fuchsia și magenta, precum și variantele de scriere gray și grey, apar împreună pe un singur rând, ceea ce lasă 139 culori distincte. transparent și culorile de sistem nu sunt incluse.
Cum se măsoară cea mai apropiată denumire?
Cu diferența de culoare CIEDE2000, Delta E 2000, calculată în CIELAB de biblioteca culori. Este standardul industriei pentru diferența dintre aspectul a două culori pentru un observator obișnuit; o valoare mai mică indică o potrivire mai apropiată.
Ce înseamnă evaluările potrivirii?
Exact înseamnă că culoarea denumită are același cod hexazecimal. Foarte apropiată înseamnă o valoare Delta E sub 2, greu de distins; similară înseamnă sub 5, diferența fiind vizibilă când culorile sunt alăturate; îndepărtată înseamnă 5 sau mai mult, caz în care denumirea descrie doar familia generală de culori.
Câte potriviri primesc?
Între 1 și 10 pentru fiecare culoare, 3 în mod implicit, ordonate de la cea mai apropiată la cea mai îndepărtată. Mai multe potriviri sunt utile când cea mai apropiată denumire are luminozitatea potrivită, dar nuanța greșită, sau invers.
Cum introduc culorile?
Introduceți o culoare pe fiecare rând sau mai multe pe un singur rând, separate prin virgule sau punct și virgulă; virgulele din rgb() sau hsl() nu separă valorile. Sunt acceptate coduri hexazecimale cu sau fără #, CSS denumiri de culori, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() și cmyk(), până la 100 culori per rulare.
Ce se întâmplă cu culorile transparente?
Culorile denumite sunt opace, așadar canalul alfa este ignorat, iar culoarea este comparată ca și cum ar fi complet opacă. Coloana HEX afișează codul din 6 cifre care a fost comparat.
Ce se întâmplă cu culorile cu gamă largă?
Culorile din afara sRGB, precum valorile vii Display P3 sau OKLCH, sunt mai întâi convertite în sRGB cu algoritmul CSS Color 4, deoarece toate culorile denumite CSS sunt culori sRGB. Coloana HEX afișează apoi valoarea convertită, cu care sunt comparate denumirile.
Pot folosi denumirea în locul codului hexazecimal?
Doar când potrivirea este exactă; în caz contrar, culoarea denumită arată diferit. O denumire apropiată este totuși un indiciu ușor de înțeles pentru oameni într-un token de design sau în documentație, de exemplu o nuanță de albastru apropiată de steelblue.
De ce doar CSS de denumiri și nu o listă mai mare?
CSS denumirile sunt înțelese de toate browserele și pot fi introduse direct într-o foaie de stil. Listele mai mari de denumiri diferă între furnizori și sunt adesea protejate prin licențe, în timp ce aceste 148 denumiri sunt definite de standardul CSS.
De ce o potrivire cu o valoare Delta E mai mare poate părea mai apropiată?
Delta E 2000 modelează percepția unui observator obișnuit în condiții standard de vizualizare. Ecranul dumneavoastră, calibrarea lui, culorile din jur și particularitățile vederii culorilor influențează ce pare mai apropiat, așa că tratați clasamentul drept un ghid util, nu drept unul absolut.