Utilia

Spalvos pavadinimo paieška

Sužinok spalvos pavadinimą: įvesk HEX ar RGB kodą ir gausi 5 artimiausius pavadinimus iš daugiau nei 30 000 spalvų bei artimiausią CSS spalvos vardą.

Kaip naudotis spalvos pavadinimo paieška

  1. Pasirink spalvą per Pasirink spalvą arba įrašyk reikšmę į Spalvos kodas: HEX kodą, pvz., #1E90FF, rgb(30 144 255), hsl(210 100% 56%) ar bet kurią kitą CSS spalvą.
  2. Pirmą kartą įrankis įkelia savo maždaug 32 000 spalvų pavadinimų sąrašą (keli šimtai kilobaitų, vieną kartą per apsilankymą). Po to rezultatai rodomi, kai tik rašai.
  3. Perskaityk Artimiausias pavadinimas šalia Tavo spalva. Kai kodas sąraše yra tiksliai toks, užrašas rodo Tikslus atitikmuo.
  4. Žemiau išvardyti 5 artimiausi pavadinimai ir Artimiausios CSS pavadintos spalvos su jų HEX kodu ir atstumu (ΔE). Naudok Kopijuoti pavadinimą arba Kopijuoti HEX, kad pasiimtum vieną iš jų.
  5. Pakeisk Lyginti pagal, kad lygintum pagal CIEDE2000 (CIELAB) arba OKLab atstumas, arba spustelėk Atsitiktinė spalva, kad tyrinėtum.

Spalva ir paieška lieka tavo naršyklėje.

Iš kur atkeliauja pavadinimai

Pavadinimai paimti iš color-name-list – atvirojo kodo rinkinio, kurį prižiūri David Aerne ir daugelis bendradarbių pagal MIT licenciją. Jame surinkta apie 32 000 unikalių pavadinimų iš dažų katalogų, istorinių spalvų žodynų, gamtos, populiariosios kultūros ir bendruomenės pasiūlymų, nuo „Absolute Zero“ iki „Zucchini“. Kiekvienas pavadinimas priklauso tiksliai vienam HEX kodui. Pavadinimai yra anglų kalba.

Įrankis taip pat lygina tavo spalvą su 148 CSS Color Level 4 CSS pavadintomis spalvomis (tomato, rebeccapurple, dodgerblue…), kurias supranta kiekviena naršyklė. Sinonimai su tuo pačiu kodu rodomi kartu, pavyzdžiui, gray / grey arba aqua / cyan. Šiuos pavadinimus verta naudoti stilių lentelėje, kai nori skaitomo kodo.

Kaip parenkama artimiausia spalva

Lyginti HEX kodus skaitmuo po skaitmens neveikia: #808080 ir #7F8080 beveik vienodi, o nedidelis kito kanalo pokytis gali atrodyti labai skirtingai. Įrankis kiekvieną spalvą konvertuoja į suvokimu pagrįstą spalvų erdvę ir atstumus matuoja joje.

  • CIEDE2000 (CIELAB) yra Tarptautinės apšvietimo komisijos spalvų skirtumo formulė, naudojama spaudoje ir dažų derinime. Ji pataiso senesnį CIELAB atstumą pagal tai, kaip mūsų akys vertina šviesumą, sodrumą ir atspalvį, ypač mėlynose ir beveik pilkose spalvose. Įgyvendinimas atitinka Sharma, Wu ir Dalal (2005) darbą ir yra išbandytas su jų etaloniniais duomenimis.
  • OKLab atstumas yra tiesioginis atstumas OKLab erdvėje – šiuolaikinėje erdvėje, sukurtoje tolygiems suvokimo žingsniams. Jis rodomas padaugintas iš 100, kad skaitytųsi panašia skale kaip ΔE2000. Jis greitesnis ir dažnai sutampa su CIEDE2000; kai nesutampa, skirtumai nežymūs.

Orientyras: ΔE žemiau 1 daugumai žmonių nematomas, 1–2 yra labai nežymus skirtumas, matomas tik greta, o virš 5 spalvos atrodo aiškiai skirtingos. Jei artimiausio pavadinimo ΔE didelis, tavo spalva tiesiog patenka tarp pavadintų spalvų.

Kam gali praversti spalvų pavadinimai

  • Dizaino žetonus ir paletės pavyzdžius pavadink draugiškiau nei kodu.
  • Apibūdink spalvą el. laiške, prekės aprašyme ar alternatyviame tekste.
  • Rask CSS raktažodį, artimą prekės ženklo spalvai, greitiems prototipams.

Dažnai užduodami klausimai

Koks yra spalvos #1E90FF pavadinimas?

Jos CSS pavadinimas yra dodgerblue – ryškiai žydra mėlyna, o didelis bendruomenės sąrašas ją vadina „Clear Chill“ (tikslus atitikmuo). Įvesk bet kurį kitą kodą, kad taip pat rastum artimiausius pavadinimus.

Kodėl kai kurie pavadinimai neįprasti?

Sąrašą kuria bendruomenė, jame yra žaismingų pavadinimų iš populiariosios kultūros ir gamtos. Pažiūrėk į penkis artimiausius rezultatus ir rinkis tą, kuris tinka tavo kontekstui; CSS pavadintos spalvos yra standartiškiausios.

Ar artimiausias pavadinimas yra tiksliai mano spalva?

Tik kai užrašas rodo Tikslus atitikmuo, o ΔE yra 0. Kitu atveju pavadinimas priklauso artimai spalvai: palygink du pavyzdžius greta.

Kokį palyginimo metodą rinktis?

CIEDE2000 yra nusistovėjęs pramonės standartas ir numatytasis pasirinkimas. OKLab atstumas yra geras šiuolaikinis pakaitalas. Išbandyk abu, kai spalva patenka tarp dviejų pavadinimų.

Ar galima ieškoti pagal pavadinimą, o ne pagal kodą?

Šiame įrankyje – ne. Tačiau gali į Spalvos kodas įrašyti bet kurį iš 148 CSS spalvų pavadinimų, pvz., salmon, ir pamatyti kitus šalia esančius pavadinimus.