🎨

Soo Saaraha Palette-ka Midabka Sawirka oo Bilaash ah

Ka soo saar midabada ugu badan sawir kasta adiga oo isticmaalaya k-means color quantization. Hel koodhadhka hex-ka 2-16 midab ee ugu badan sawirkaaga ama logo-gaaga.

Ma jiro xadid cabbirka faylkaFaylashaadu waxay ahaan doonaan kuwo gaar ahGalid looma baahnaWeligaa bilaashXad maalinle ma jiro

Wuu shaqeeyaa oflaayn marka la shubo

Faylasha halkan ku rid, ama guji si aad u baarato

JPG, PNG, WebP, GIF, HEIC, HEIF · Ma jiro xadid cabbirka faylka

ama taabo Ctrl+V si aad uga dhejiso clipboard-ka

Baar faylasha

Talo: waxaad ku dhajin kartaa sawir-qaadis Ctrl+V

Faylashaadu weligood kama tagaan qalabkaaga. Farsamaynta oo dhan waxay ka dhacdaa gudaha browser-kaaga.

Sida Ay U Shaqeyso

Ka soo saaridda midabku wuxuu gebi ahaanba ka dhacaa biraawsarkaaga isagoo isticmaalaya algorithm kala-soocid k-means++ oo gacan lagu qoray oo lagu dabaqay xogta pixel-ka ceyriinka ah ee laga akhriyay Canvas API — server, laybreri dhinac saddexaad ah midna ma jiraan. Isla sawirka iyo dejinta tirada midabku had iyo jeer waxay soo saaraan isla qaabka midabka sababtoo ah algorithm-ku wuxuu isticmaalaa random-generator pseudo go'an (mulberry32) halkii uu isticmaali lahaa Math.random.

1
Canvas-ku wuxuu akhriyaa xogta pixel-ka
Sawirka waxaa lagu sawiraa unug HTML Canvas bannaan-shaashadeed ah waxaana loo yareeyaa ilaa ugu badnaan 200px dhinaca ugu dheer. getImageData() ee Canvas API-ga wuxuu soo celiyaa pixel kasta sida byte-yo qaawan RGBA, pixels-ka aan la arki karinna (alpha < 128) waa la tuuraa ka hor inta kala-soocidda bilaabmayso.
2
k-means++ wuxuu kala saaraa pixels-ka
Bilaabiye k-means++ ah ayaa si go'an u aasaasa xarumaha, kadibna algorithm-ku wuxuu ku wareegaa ilaa 20 jeer: pixel kastaa waxaa loo qoondeeyaa xarunta ugu dhow booska RGB, kadibna xarumaha waa dib loo xisaabiyaa celceliska dhammaan pixel-yada loo qoondeeyay. Xarumaha isku mid noqda qiimaha hex waa la isku daraa, sidaa darteed midab kasta oo natiijada ka mid ah waa gaar ah.
3
Xogta midab kasta waa la xisaabiyaa
Xarun kastaa waxaa loo beddelaa HEX, HSL, iyo qaybtiisa wadarta pixels-ka (boqolkiiba). Luminance-ka la xiriira ee WCAG waxaa lagu xisaabiyaa qaacidada caadiga ah, saameynta isku-dhufashadana labada madow iyo caddaan waxaa la muujiyaa midab kasta agagaarkiisa.
4
Soo-saar iyo wax-soo-saarka eyedropper-ka
Qaabka midabka waxaa loo koobiyeyn karaa hantida caadiga ah ee CSS, doorsoomayaal SCSS, gooye qaab Tailwind ah, ama JSON. Eyedropper gujin-kaliya ah ayaa gujintaada muuqaalka dib ugu duba iskudubaridyada sax ah ee isha pixel-ka canvas cabbirka-buuxa, isagoo midabka pixel-kaas ku daraya liis kale oo midab la doortay. Xarig midab PNG ah ayaa laga soo dejin karaa via Canvas toBlob().

Sawirkaaga weligiis lama soo shubo — waxaa loo furaa loona habeeyaa gebi ahaanba xasuusta biraawsarkaaga, waxaana kaliya analytics loo diraa cabbirka faylka (KB).