Paletė iš paveikslėlio

Kaip išgauti spalvų paletę iš paveikslėlio

1. Numesk paveikslėlį į įkėlimo sritį arba spustelėk ją, kad pasirinktum failą. Tinka JPG, PNG, WebP, GIF ir bet kuris kitas formatas, kurį gali rodyti tavo naršyklė.
2. Įrankis iškart išanalizuoja paveikslėlį ir parodo jo Dominuojančios spalvos, surikiuotas nuo labiausiai iki mažiausiai paplitusios.
3. Pakoreguok Spalvų skaičius (nuo 3 iki 12), kad paletė būtų platesnė ar glaustesnė. Nuimk žymę nuo Ignoruoti baltus ir beveik baltus pikselius, jei balta yra svarbi tavo paveikslėlio spalva, pavyzdžiui, balta prekė ar sniegas.
4. Nukopijuok vieną spalvą mygtuku Kopijuoti po jos pavyzdžiu arba pasirink formatą per Eksportuoti kaip (HEX sąrašas, CSS kintamieji, SCSS kintamieji, JSON masyvas arba „Tailwind“ spalvos) ir spustelėk Kopijuoti ar Atsisiųsti visai paletei. Išgauti spalvas analizę paleidžia iš naujo.

Tavo failai lieka tavo įrenginyje: jie niekada neįkeliami. Paveikslėlį nuskaito tavo naršyklė.

Kaip randamos dominuojančios spalvos

Paveikslėlis pirmiausia nupiešiamas nematomame canvas elemente, sumažintas taip, kad ilgiausia pusė būtų ne didesnė nei 512 pikselių. Tai išlaiko analizę greitą nekeičiant bendrų spalvų. Tada pikseliai sugrupuojami kvantavimo algoritmu (modifikuotu medianos pjūviu iš atvirojo kodo „Color Thief“ bibliotekos), veikiančiu OKLCH spalvų erdvėje, todėl akiai panašios spalvos patenka į tą pačią grupę.

Kiekviena grupė tampa viena paletės spalva, o procentas po kiekvienu pavyzdžiu yra jos dalis tarp paimtų pikselių. Juosta virš pavyzdžių parodo šias proporcijas iš pirmo žvilgsnio. Skaidrūs pikseliai praleidžiami, taip pat baltos ir beveik baltos spalvos pikseliai, kol parinktis pažymėta, nes paprasti balti fonai kitaip dominuotų daugumoje prekių nuotraukų ir ekrano kopijų.

Kiekvienas pavyzdys rodo savo HEX kodą juoda arba balta spalva, kuri geriau skaitoma, todėl užrašas lieka įskaitomas ir ant šviesių, ir ant tamsių spalvų.

Kam gali praversti paveikslėlio paletė

• Prekės ženklas ir svetainių dizainas: sukurk svetainės temą iš pagrindinės nuotraukos ar logotipo, kad sąsaja derėtų prie paveikslėlio.
• Pristatymai ir socialiniai tinklai: pasirink teksto ir fono spalvas, tinkančias viršelio paveikslėliui.
• Interjero dizainas, mada ir menas: užfiksuok nuotraukos, paveikslo ar audinio pavyzdžio nuotaiką.
• Duomenų vizualizacija: paimk diagramų spalvas iš to paties ataskaitoje naudojamo paveikslėlio.

Išgautos spalvos yra daugelio pikselių vidurkiai, todėl jos gali atrodyti šiek tiek mažiau ryškios nei sodriausia nuotraukos vieta. Jei reikia tikslios vieno konkretaus pikselio spalvos, naudok spalvų rinkiklį iš paveikslėlio.