Ruka hadi maudhui makuu

Mtoaji wa Palette ya Rangi ya Picha bila malipo

Toa rangi zinazotawala kutoka picha yoyote ukitumia ukadirio wa k-means ya rangi. Pata misimbo ya hex ya rangi za juu 2-16 katika picha au nembo yako.

Inafanya kazi bila mtandao mara ikishapakia

Dondosha faili hapa, au bofya ili kuchagua

JPG, PNG, WebP, GIF, HEIC, HEIF Β· kuchakatwa kwenye kifaa chako

au bonyeza Ctrl+V ili kubandika kutoka ubao wa kunakili

Vinjari faili

Kidokezo: unaweza kubandika picha ya skrini kwa Ctrl+V

Faili zako hazitoki kwenye kifaa chako kamwe. Uchakataji wote unafanyika ndani ya kivinjari chako.

Matumizi ya kawaida

  • Toa Rangi za Chapa kutoka kwa LohemuPata misimbo ya hex sahihi kwa ajili ya rangi zinazofanya kazi katika chapa au picha ya chapa yoyote.
  • Tengeneza Njia za Wavuti kutoka kwa PichaTengeneza njia za rangi za wavuti inayolingana kutoka kwa picha za hadithi au picha za nyuma.
  • Toa Rangi kutoka kwa Picha za MwalikoToa njia za rangi kutoka kwa picha za muundo wa ndani au mitindo ili kutumia katika miradi yako.
  • Changanua Njia za Kupamba na SanaaSoma njia za rangi za kupamba maajabu au sanaa yako kwa kutoa rangi zilizofanya kazi.
  • Haba za CSS kutoka kwa PichaTengeneza mada za vigezo vya CSS kutoka kwa picha β€” muhimu kwa mada ya nguvu au mpango wa rangi wa kiotomatiki.

Jinsi Inavyofanya Kazi

Utoaji wa rangi unafanya kazi kikamilifu kwenye kivinjari chako kwa kutumia alkoritimu ya mkusanyiko wa k-means++ iliyoandikwa mwenyewe inayotumika kwenye data ghafi ya pikseli iliyosomwa kutoka Canvas API β€” hakuna seva, hakuna maktaba ya mtu wa tatu. Picha ile ile na mipangilio ya idadi ya rangi daima zinatoa mchanganyiko wa rangi ule ule kwa sababu alkoritimu inatumia kizalishi cha namba za bahati-nasibu-thabiti (mulberry32) badala ya Math.random.

  1. 1
    Canvas inasoma data ya pikseli
    Picha inachorwa kwenye kipengele cha HTML Canvas kisichoonekana na kupunguzwa hadi upeo wa px 200 kwenye upande wake mrefu zaidi. getImageData() ya Canvas API inarudisha kila pikseli kama baiti ghafi za RGBA, na pikseli zenye uwazi kamili (alpha < 128) zinaondolewa kabla ya mkusanyiko kuanza.
  2. 2
    k-means++ inakusanya pikseli
    Kianzishi cha k-means++ kinaweka centroids kwa njia thabiti, kisha alkoritimu inarudia hadi mara 20: kila pikseli inapangwa kwa centroid yake ya karibu zaidi kwenye nafasi ya RGB, kisha centroids zinahesabiwa upya kama wastani wa pikseli zote zilizopangwa. Makundi yanayoanguka kwenye thamani ile ile ya hex yanaunganishwa, kwa hiyo kila kivuli kwenye matokeo ni cha kipekee.
  3. 3
    Data ya kila rangi inahesabiwa
    Kila centroid inabadilishwa kuwa HEX, HSL, na sehemu yake ya jumla ya pikseli (asilimia). Mwangaza wa jamaa wa WCAG unahesabiwa kwa fomula ya kawaida, na uwiano wa mkanganyiko dhidi ya nyeusi na nyeupe unaonyeshwa pamoja na kila kivuli.
  4. 4
    Utoaji na matokeo ya eyedropper
    Mchanganyiko wa rangi unaweza kunakiliwa kama sifa maalum za CSS, vigezo vya SCSS, kipande cha usanidi wa Tailwind, au JSON. Eyedropper ya bofya-kuchukua-sampuli inaunganisha ubofyaji wako kwenye onyesho la awali kurudi kwenye viwianishi halisi vya pikseli za chanzo kwenye kanvasi ya azimio kamili, ikiongeza rangi ya pikseli hiyo kwenye orodha tofauti ya rangi zilizochaguliwa. Ukanda wa rangi wa PNG unaweza kupakuliwa kupitia Canvas toBlob().

Picha yako kamwe haipakiwi β€” inasimbwa na kuchakatwa kikamilifu kwenye kumbukumbu ya kivinjari chako, na ukubwa wa faili tu (kwa KB) unaripotiwa kwa uchambuzi.

Zana Zinazohusiana

Maswali Yanayoulizwa Mara Kwa Mara