Estrattore tal-Palette tal-Kuluri mill-Immaġni b'xejn
Estratta l-kuluri dominanti minn kwalunkwe immaġni bl-użu ta' kwantizzazzioni tal-kuluri k-means. Ikseb il-kodiċi hex għall-2-16 kuluri l-aktar prominenti fir-ritratt jew logo tiegħek.
Waqqa' fajl hawn, jew ikklikkja biex tfitteq
JPG, PNG, WebP, GIF, HEIC, HEIF · ipproċessat fuq it-tagħmir tiegħek
jew agħfas Ctrl+V biex twaħħal mill-clipboard
Ħjiel: tista' twaħħal screenshot b'Ctrl+V
Il-fajls tiegħek qatt ma jħallu t-tagħmir tiegħek. L-ipproċessar kollu jseħħ lokalment fil-browser tiegħek.
Użi komuni
- Estrattja Kuluri tal-Brand minn LogoIkseb il-hex codes eżatti għall-kuluri dominanti fi kwalunkwe logo jew immaġini ta' brand.
- Ibni Web Color Palettes minn RitrattiIġġenera palettes ta' kuluri l-websajt li jimmarru minn hero photos jew background images.
- Estrattja Kuluri minn Inspiration PhotosEstrattja kulur palettes minn interior design jew fashion photos għall-użu fl-projetti tiegħek.
- Analizza Painting u Artwork PalettesIstudja l-palettes ta' kuluri ta' paintings famużi jew l-art tiegħek billi testrattja l-kuluri dominanti.
- Theme CSS minn ImmaġiniIġġenera CSS variable themes minn immaġini - utli għall-dynamic theming jew auto-generated color schemes.
Kif Taħdem
L-estrazzjoni tal-kulur taħdem kompletament fil-browser tiegħek bl-użu ta' algoritmu ta' clustering k-means++ miktub bl-idejn applikat għal data mhux ipproċessata tal-pixels moqrija mill-API Canvas — l-ebda server, l-ebda librerija ta' parti terza. L-istess stampa u settings tal-għadd ta' kuluri dejjem jipproduċu l-istess paletta għax l-algoritmu juża ġeneratur ta' numri pseudo-random deterministiku (mulberry32) minflok Math.random.
- 1Canvas jaqra d-data tal-pixelsL-istampa tiġi ddisinjata fuq element Canvas ta' HTML barra l-iskrin u downsampled għal massimu ta' 200px fuq in-naħa l-itwal tagħha. getImageData() tal-API Canvas tirritorna kull pixel bħala bytes RGBA mhux ipproċessati, u pixels kompletament trasparenti (alpha < 128) jitwarrbu qabel jibda l-clustering.
- 2k-means++ tikklustra l-pixelsInizjalizzatur k-means++ jiżra' ċ-ċentroidi deterministikament, imbagħad l-algoritmu jitera sa 20 darba: kull pixel jiġi assenjat lill-eqreb ċentroid fl-ispazju RGB, imbagħad iċ-ċentroidi jerġgħu jiġu kkalkulati bħala l-medja tal-pixels assenjati kollha. Clusters li jikkollassaw għall-istess valur hex jingħaqdu, biex kull kampjun fir-riżultat huwa uniku.
- 3Il-metadata ta' kull kulur tiġi kkalkulataKull ċentroid jiġi konvertit għal HEX, HSL, u s-sehem tiegħu tal-pixels totali (perċentwal). Il-luminanza relattiva WCAG tiġi kkalkulata skont il-formula standard, u l-proporzjonijiet tal-kuntrast kontra kemm l-iswed kif ukoll l-abjad jintwerew flimkien ma' kull kampjun.
- 4Esportazzjoni u ħruġ tal-eyedropperIl-paletta tista' tiġi kkopjata bħala proprjetajiet personalizzati CSS, varjabbli SCSS, biċċa ta' konfigurazzjoni ta' Tailwind, jew JSON. Eyedropper li tikkampjuna b'click jimmappja l-click tiegħek fuq l-anteprima lura għall-koordinati eżatti tal-pixel sors fuq canvas b'riżoluzzjoni sħiħa, iżid il-kulur ta' dak il-pixel f'lista separata ta' kuluri magħżula. Strixxa ta' paletta PNG tista' titniżżel permezz ta' Canvas toBlob().
L-istampa tiegħek qatt ma titgħabba — tiġi ddekodifikata u pproċessata kompletament fil-memorja tal-browser tiegħek, u biss id-daqs tal-fajl (f'KB) jiġi rrappurtat lill-analitika.
Għodod Relatati
Ġeneratur ta' kuluri każwali
Iġġenera kuluri każwali wieħed wieħed jew bħala palett ta' ħamsa, illokkja dawk li togħġob, ikkopja valuri HEX, RGB jew HSL u esporta l-palett bħala PNG jew CSS.
Ġeneratur tal-Palette tal-Kuluri
Iġġenera palettes tal-kuluri komplementari, analogiċi, trjadiċi, u monokromatiċi minn kwalunkwe kulur bażiku. Ikkopja l-kodiċi hex b'klikk wieħed.
Picker tal-Kulur u Ġeneratur tal-Paletta
Agħżel kuluri, ikkonverti bejn HEX/RGB/HSL, u tiġġenera paletti armonjużi.