Neidio i'r prif gynnwys
LibraTool logoLibraTool

Echdynnwr Palet Lliw Delwedd am ddim

Echdynnwch y lliwiau dominyddol o unrhyw ddelwedd gan ddefnyddio meintreiddio lliw k-means. Cael codau hex ar gyfer y 2-16 lliw uchaf yn eich ffotograff neu logo.

Yn gweithio all-lein ar ôl llwytho

Gollyngwch ffeil yma, neu cliciwch i bori

JPG, PNG, WebP, GIF, HEIC, HEIF · wedi'i brosesu ar eich dyfais

neu pwyswch Ctrl+V i ludo o'ch clipfwrdd

Pori ffeiliau

Awgrym: gallwch ludo sgrinlun gyda Ctrl+V

Nid yw eich ffeiliau byth yn gadael eich dyfais. Mae'r holl brosesu yn digwydd yn lleol yn eich porwr.

Defnyddiau cyffredin

  • Tynnu Lliwiau Brandiau o LogoCael y codau hecs union ar gyfer y lliwiau llywodraethol mewn unrhyw logo neu ddelwedd frand.
  • Adeiladu Paletau Lliw Gwe o LuniauCynhyrchu paletau lliw gwe sy'n cydweddu o luniau arwr neu ddelweddau cefndir.
  • Tynnu Lliwiau o Luniau YsbrydoliaethTynnu paletau lliw o luniau dyluniad mewnol neu ffasiwn i'w defnyddio yn eich prosiectau.
  • Dadansoddi Paletau Paentio a ChelfAstudiaco paletau lliw paentiadan enwog neu eich celf eich hun trwy dynnu'r lliwiau llywodraethol.
  • Thema CSS o LuniauCynhyrchu themâu newidyn CSS o ddelweddau - defnyddiol ar gyfer themau deinamig neu gynlluniau lliw a gynhyrchir yn awtomatig.

Sut Mae'n Gweithio

Mae tynnu lliw'n rhedeg yn gyfan gwbl yn eich porwr gan ddefnyddio algorithm clystyru k-means++ wedi'i ysgrifennu â llaw wedi'i gymhwyso i ddata picsel amrwd a ddarllenwyd o'r Canvas API — dim gweinydd, dim llyfrgell trydydd parti. Mae'r un delwedd a gosodiadau cyfrif-lliw bob amser yn cynhyrchu'r un palet oherwydd bod yr algorithm yn defnyddio generadur rhif ffug-hap penderfynadwy (mulberry32) yn hytrach na Math.random.

  1. 1
    Mae Canvas yn darllen data picsel
    Mae'r ddelwedd yn cael ei thynnu ar elfen HTML Canvas oddi-ar-sgrin ac wedi'i is-samplu i fan lleiaf 200px ar ei ochr hiraf. Mae getImageData() Canvas API'n dychwelyd pob picsel fel bytiau RGBA amrwd, ac mae picsel cwbl dryloyw (alffa < 128) yn cael eu gwaredu cyn i glystyru ddechrau.
  2. 2
    Mae k-means++ yn clystyru'r picseli
    Mae ymgychwynnydd k-means++ yn hadu'r centroidau'n benderfynadwy, yna mae'r algorithm yn ailadrodd hyd at 20 gwaith: mae pob picsel yn cael ei neilltuo i'w centroid agosaf yng ngofod RGB, yna ailgyfrifir centroidau fel cymedr pob picsel a neilltuwyd. Mae clystyrau sy'n cwympo i'r un gwerth hecs yn cael eu huno, felly mae pob sampl yn y canlyniad yn unigryw.
  3. 3
    Cyfrifir metadata fesul lliw
    Mae pob centroid yn cael ei drosi i HEX, HSL, a'i gyfran o gyfanswm picseli (canran). Cyfrifir goleuedd cymharol WCAG yn ôl y fformiwla safonol, a dangosir cymarebau cyferbyniad yn erbyn du a gwyn ochr yn ochr â phob sampl.
  4. 4
    Allforio ac allbwn dropiwr llygaid
    Gellir copïo'r palet fel priodweddau personol CSS, newidynnau SCSS, darn ffurfweddiad Tailwind, neu JSON. Mae dropiwr llygaid clicio-i-samplu'n mapio eich clic ar y rhagolwg yn ôl i gyfesurynnau picsel ffynhonnell union ar gynfas cydraniad-lawn, gan ychwanegu lliw'r picsel hwnnw at restr liwiau-a-ddewiswyd ar wahân. Gellir lawrlwytho stribed palet PNG drwy Canvas toBlob().

Nid yw eich delwedd byth yn cael ei llwytho — mae'n cael ei dadgodio a'i phrosesu'n gyfan gwbl yng nghof eich porwr, a dim ond maint y ffeil (mewn KB) sy'n cael ei adrodd at analytics.

Offer Cysylltiedig

🎨

Generadur Lliwiau ar Hap

Cynhyrchwch liwiau ar hap un ar y tro neu fel palet o bump, cloi'r rhai rydych yn eu hoffi, copïo gwerthoedd HEX, RGB neu HSL ac allforio'r palet fel PNG neu CSS.

Rhowch gynnig arni
🎨

Generadur Palet Lliw

Cynhyrchwch baletau lliw cyfategol, analog, triadaidd, a monochromatig o unrhyw liw sylfaen. Copïo codau hex gydag un clic.

Rhowch gynnig arni
🎨

Codwr Lliw a Generadur Palet

Dewiswch liwiau, trosi rhwng HEX / RGB / HSL, a chynhyrchu paletau cytûn.

Rhowch gynnig arni

Cwestiynau Cyffredin