Spalvų pavadinimų paieška
Raskite artimiausią pavadintą CSS spalvą bet kuriai spalvos reikšmei. Įklijuokite iki 100 spalvų bet kokiu CSS formatu. Kiekvienai jų pateiksime artimiausią iš 148 CSS pavadintų spalvų, surikiuotų pagal CIEDE2000 spalvų skirtumą, ir nurodysime pavadinimą, HEX kodą, Delta E reikšmę bei atitikimo įvertinimą. Galite rodyti iki 10 atitikmenų vienai spalvai. Patogu pavadinti dizaino žetonus, apibūdinti spalvas dokumentacijoje ir greitai rasti tinkamą raktažodį.
Dažnai užduodami klausimai
Kokių spalvų pavadinimų ieškoma?
148 pavadintos CSS Color 4 spalvos: nuo aliceblue iki yellowgreen, įskaitant rebeccapurple. Vienodą reikšmę turintys pavadinimai, pavyzdžiui, aqua ir cyan, fuchsia ir magenta, taip pat rašybos variantai gray ir grey, pateikiami vienoje eilutėje, todėl lieka 139 skirtingų spalvų. Skaidri ir sistemos spalvos neįtrauktos.
Kaip matuojamas artimiausias pavadinimas?
Naudojamas CIEDE2000 spalvų skirtumas, Delta E 2000, apskaičiuotas CIELAB erdvėje naudojant culori biblioteką. Tai pramonės standartas, nusakantis, kaip vidutinis stebėtojas mato dviejų spalvų skirtumą; kuo mažesnė reikšmė, tuo atitikmuo artimesnis.
Ką reiškia atitikimo įvertinimai?
Tikslus reiškia, kad pavadintos spalvos šešioliktainis kodas sutampa. Labai artimas reiškia, kad Delta E mažesnis nei 2, todėl skirtumą sunku pastebėti; panašus – mažesnis nei 5, skirtumas pastebimas sugretinus; tolimas – 5 ar daugiau, kai pavadinimas nurodo tik bendrą spalvų grupę.
Kiek atitikmenų gausiu?
Kiekvienai spalvai – nuo 1 iki 10, pagal numatytuosius nustatymus – 3, surikiuoti nuo artimiausio iki tolimiausio. Daugiau atitikmenų naudinga, kai artimiausio pavadinimo šviesumas tinkamas, bet atspalvis netinka, arba atvirkščiai.
Kaip įvesti spalvas?
Įveskite po vieną spalvą kiekvienoje eilutėje arba kelias spalvas vienoje eilutėje, atskirdami jas kableliais ar kabliataškiais; kableliai tarp rgb() arba hsl() neskiria įrašų. Priimami šešioliktainiai kodai su # arba be jo, CSS spalvų pavadinimai, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() ir cmyk(); per vieną paleidimą galima apdoroti iki 100 spalvų.
Kas nutinka skaidrioms spalvoms?
Pavadintos spalvos yra nepermatomos, todėl alfa kanalas ignoruojamas ir spalva lyginama taip, tarsi būtų visiškai nepermatoma. HEX stulpelyje rodomas lygintas 6 skaitmenų kodas.
Kas nutinka plačios spalvų gamos spalvoms?
Už sRGB ribų esančios spalvos, pavyzdžiui, ryškios Display P3 arba OKLCH reikšmės, pirmiausia perkeliamos į sRGB pagal CSS Color 4 algoritmą, nes visos CSS pavadintos spalvos yra sRGB spalvos. Tada HEX stulpelyje rodoma perkelta reikšmė, su kuria lyginami pavadinimai.
Ar galiu naudoti pavadinimą vietoj šešioliktainio kodo?
Tik tada, kai atitikmuo tikslus; kitu atveju pavadinta spalva atrodo kitaip. Artimas pavadinimas vis tiek yra naudinga žmogui suprantama užuomina dizaino žetone ar dokumentacijoje, pavyzdžiui, mėlyna spalva, artima steelblue.
Kodėl tik CSS pavadinimų, o ne didesnis sąrašas?
CSS pavadinimus supranta kiekviena naršyklė, juos galima tiesiogiai įrašyti į stiliaus lentelę. Didesni pavadinimų sąrašai skiriasi pagal tiekėją ir dažnai yra licencijuojami, o šie 148 pavadinimai apibrėžti CSS standarte.
Kodėl didesnio Delta E atitikmuo man gali atrodyti artimesnis?
Delta E 2000 modeliuoja vidutinį stebėtoją standartinėmis žiūrėjimo sąlygomis. Ekranas, jo kalibravimas, aplinkinės spalvos ir individualus spalvų matymas keičia tai, kas atrodo artimiausia, todėl rikiavimą vertinkite kaip patikimą gairę, o ne absoliučią tiesą.