Palete no attēla

Kā iegūt krāsu paleti no attēla

1. Ievelciet attēlu augšupielādes zonā vai noklikšķiniet uz tās, lai izvēlētos failu. Der JPG, PNG, WebP, GIF un jebkurš cits formāts, ko jūsu pārlūkprogramma var parādīt.
2. Rīks attēlu analizē uzreiz un parāda tā Dominējošās krāsas, sakārtotas no visvairāk līdz vismazāk sastopamajai.
3. Pielāgojiet Krāsu skaits (no 3 līdz 12), lai iegūtu plašāku vai šaurāku paleti. Noņemiet atzīmi pie Ignorēt baltos un gandrīz baltos pikseļus, ja balts ir svarīga jūsu attēla krāsa, piemēram, baltam produktam vai sniegam.
4. Nokopējiet vienu krāsu ar pogu Kopēt zem tās parauga vai izvēlieties formātu sadaļā Eksportēt kā (HEX saraksts, CSS mainīgie, SCSS mainīgie, JSON masīvs vai Tailwind krāsas) un noklikšķiniet uz Kopēt vai Lejupielādēt visai paletei. Iegūt krāsas palaiž analīzi vēlreiz.

Jūsu attēlu lokāli nolasa jūsu pārlūkprogramma. Tas netiek augšupielādēts serverī.

Kā tiek atrastas dominējošās krāsas

Attēls vispirms tiek uzzīmēts uz neredzama canvas, samazināts tā, lai garākā mala nepārsniegtu 512 pikseļus. Tas paātrina analīzi, nemainot kopējās krāsas. Pēc tam pikseļi tiek grupēti ar kvantizācijas algoritmu (modificēts median cut no atvērtā koda bibliotēkas Color Thief), kas darbojas OKLCH krāsu telpā, tāpēc acij līdzīgas krāsas nonāk vienā grupā.

Katra grupa kļūst par vienu paletes krāsu, un procents zem katra parauga ir tās daļa no paraugotajiem pikseļiem. Josla virs paraugiem šīs proporcijas parāda ar acu uzmetienu. Caurspīdīgie pikseļi tiek izlaisti, tāpat kā balti un gandrīz balti pikseļi, kamēr opcija ir atzīmēta, jo vienkrāsaini balti foni citādi dominētu vairumā produktu fotogrāfiju un ekrānuzņēmumu.

Katrs paraugs rāda savu HEX kodu melnā vai baltā krāsā – atkarībā no tā, kas labāk salasāms –, tāpēc uzraksts paliek skaidri redzams gan uz gaišām, gan uz tumšām krāsām.

Idejas attēla paletes lietošanai

• Zīmolveidošana un tīmekļa dizains: veidojiet vietnes tēmu no galvenās fotogrāfijas vai logotipa, lai saskarne atbilstu attēlam.
• Prezentācijas un sociālie tīkli: izvēlieties teksta un fona krāsas, kas piestāv vāka attēlam.
• Interjers, mode un māksla: tveriet fotogrāfijas, gleznas vai auduma parauga noskaņu.
• Datu vizualizācija: ņemiet diagrammu krāsas no tajā pašā pārskatā izmantotas ilustrācijas.

Iegūtās krāsas ir daudzu pikseļu vidējās vērtības, tāpēc tās var izskatīties nedaudz mazāk spilgtas nekā fotogrāfijas visvairāk piesātinātā vieta. Ja vajag viena konkrēta pikseļa precīzu krāsu, izmantojiet krāsu atlasi no attēla.