Värvipalett pildist

Kuidas pildist värvipaletti eraldada

1. Lohista pilt üleslaadimisalale või klõpsa sellel, et fail valida. Sobivad JPG, PNG, WebP, GIF ja mis tahes muu vorming, mida sinu brauser kuvada suudab.
2. Tööriist analüüsib pilti kohe ja näitab selle Domineerivaid värve, järjestatuna kõige rohkem esinevast kõige vähem esinevani.
3. Kohanda Värvide arvu (3 kuni 12), et saada laiem või tihedam palett. Võta linnuke maha valikult Ignoreeri valgeid ja valgusele lähedasi piksleid, kui valge on sinu pildi oluline värv, näiteks valge toode või lumi.
4. Kopeeri üks värv selle värviproovi all oleva nupuga Kopeeri või vali Ekspordi kujul vorming (HEX-loend, CSS-i muutujad, SCSS-i muutujad, JSON-massiiv või Tailwindi värvid) ja klõpsa kogu paleti jaoks nupul Kopeeri või Laadi alla. Eralda värvid käivitab analüüsi uuesti.

Sinu pilti loetakse kohapeal sinu brauseris. Seda ei laadita kunagi serverisse üles.

Kuidas domineerivad värvid leitakse

Pilt joonistatakse esmalt nähtamatule lõuendile ja vähendatakse nii, et pikem külg on kuni 512 pikslit. See hoiab analüüsi kiire, muutmata üldisi värve. Seejärel rühmitatakse pikslid kvantimisalgoritmiga (modifitseeritud mediaanlõige avatud lähtekoodiga teegist Color Thief), mis töötab OKLCH-värviruumis, nii et silmale sarnased värvid satuvad samasse rühma.

Iga rühm muutub üheks paleti värviks ning iga värviproovi all olev protsent on selle osakaal valimisse võetud pikslitest. Värviproovide kohal olev riba näitab neid proportsioone ühe pilguga. Läbipaistvad pikslid jäetakse vahele, samuti valged ja valgusele lähedased pikslid, kui valik on märgitud, sest lihtsad valged taustad domineeriksid muidu enamikku tootefotosid ja ekraanipilte.

Iga värviproov näitab oma HEX-koodi mustana või valgena, olenevalt sellest, kumb on paremini loetav, nii et silt jääb loetavaks nii heledatel kui ka tumedatel värvidel.

Mõtteid pildipaleti kasutamiseks

• Brändimine ja veebidisain: koosta veebisaidi teema pealehe fotost või logost, et liides sobiks pildiga.
• Esitlused ja sotsiaalmeedia: vali teksti- ja taustavärvid, mis sobivad kaanepildiga.
• Sisekujundus, mood ja kunst: jäädvusta foto, maali või riidenäidise meeleolu.
• Andmete visualiseerimine: võta diagrammide värvid samas aruandes kasutatud illustratsioonist.

Eraldatud värvid on paljude pikslite keskmised, seega võivad need paista veidi vähem erksad kui fotol kõige küllastunum koht. Kui vajad ühe kindla piksli täpset värvi, kasuta selle asemel pildi värvivalijat.