Myndalitapalettundragari — ókeypis
Dragðu ríkjandi liti úr hvaðar myndar sem er með k-meðaltal litamagngæðun. Fáðu hex-kóða fyrir efstu 2-16 litina í mynd þinni eða lógói.
Slepptu skrá hér eða smelltu til að velja
JPG, PNG, WebP, GIF, HEIC, HEIF · unnið í tækinu þínu
eða ýttu á Ctrl+V til að líma af klippiborði
Ábending: þú getur límt skjámynd með Ctrl+V
Skrárnar þínar fara aldrei úr tækinu þínu. Öll vinnsla fer fram á staðnum í vafranum þínum.
Algeng notkun
- Dragðu vörumerkalitur úr lógóumFáðu nákvæmar hexkóðar fyrir yfirflot litina í hvaða lógóum eða vörumerkamyndum.
- Byggðu veflitir frá myndumMyndu samsettir veflitir frá hetjamyndum eða bakgrunnsmyndum.
- Dragðu litur úr innblásstrumyndumDragðu litapöll frá innri hönnunar eða fatnaðarmyndum til notkunar í verkefnum þínum.
- Greindi málverk og listaverkaliturStunda litapöll frægra málverka eða þitt eigið list með því að draga út yfirflot litina.
- Þema CSS úr myndumMyndu CSS breytur þemu úr myndum - gagnlegt fyrir virkt temur eða sjálfkrafa mynduð litaskipan.
Hvernig það virkar
Litdráttur keyrir alfarið í vafranum þínum með handskrifuðu k-means++ þyrpingar-reikniriti beitt á hrá pixilgögn lesin úr Canvas API — enginn netþjónn, ekkert þriðja-aðila bókasafn. Sömu mynd og lita-fjölda-stillingar framleiða alltaf sömu litatöflu því reikniritið notar ákvarðanlegan gerviorðelegan slembitalnamyndara (mulberry32) frekar en Math.random.
- 1Canvas les pixilgögnMyndin er teiknuð á HTML Canvas element utan skjás og undirsýnd í mesta lagi 200px á lengstu hlið sinni. getImageData() Canvas API skilar hverjum pixli sem hráum RGBA-bætum, og algjörlega gagnsæir pixlar (alpha < 128) eru fleygðir áður en þyrping hefst.
- 2k-means++ þyrpir pixlanak-means++ frumstillir sáir miðjurnar ákvarðanlega, þá endurtekur reikniritið allt að 20 sinnum: hver pixill er úthlutaður til næstu miðju sinnar í RGB-rými, þá eru miðjur endurreiknaðar sem meðaltal allra úthlutaðra pixla. Þyrpingar sem hrynja í sama hexgildi eru sameinaðar, svo hvert sýnishorn í niðurstöðunni er einstakt.
- 3Litgögn per lit eru reiknuðHver miðja er breytt í HEX, HSL, og hlutfall sitt af heildar pixlum (prósenta). WCAG hlutfallsleg birta er reiknuð samkvæmt staðlaðri formúlu, og kontrasthlutföll gegn bæði svörtu og hvítu eru sýnd við hlið hvers sýnishorns.
- 4Útflutningur og augndropa-úttakLitatöfluna má afrita sem sérsniðnar CSS-eiginleika, SCSS-breytur, Tailwind-uppsetningarbrot, eða JSON. Smell-til-að-sýna augndropi kortleggur smellinn þinn á forskoðuninni aftur á nákvæm upprunaleg pixilhnit á fullum-upplausnar kanvasi, bætir lit þess pixils við sérstakan valinna-lita lista. PNG litatöflurstrimla má sækja með Canvas toBlob().
Myndin þín er aldrei send upp — hún er afkóðuð og unnin algjörlega í minni vafrans þíns, og aðeins skráarstærðin (í KB) er tilkynnt til greininga.
Tengd verkfæri
Slembilitagjafi
Búðu til slembiliti einn í einu eða sem fimm lita litaspjald, læstu þeim sem þér líka, afritaðu HEX-, RGB- eða HSL-gildi og fluttu litaspjaldið út sem PNG eða CSS.
Litapalettusmiður
Búðu til fylgilita, hliðstæðar, þríhyrndar og einlitar litapallettur úr hvaða grunnlit sem er. Afritaðu hex-kóða með einum smelli.
Litavals- og litavalara
Veldu liti, breyttu á milli HEX/RGB/HSL og búðu til samræmdar litatöflur.