Irudia Kolore Paleta Erauzketa doan
Atera kolore nagusiak edozein iruditik k-means kolore kuantizazioa erabiliz. Lortu zure argazki edo logoaren 2-16 kolore nagusien hex kodeak.
Jaregin fitxategi bat hemen edo egin klik arakatzeko
JPG, PNG, WebP, GIF, HEIC, HEIF Β· zure gailuan prozesatua
edo sakatu Ctrl+V arbeletik itsasteko
Aholkua: pantaila-argazki bat itsats dezakezu Ctrl+V sakatuta
Zure fitxategiak ez dira inoiz zure gailutik irteten. Prozesamendu guztia zure arakatzailean gertatzen da lokalean.
Ohiko erabilerak
- Atera Brand Koloreak LogotikLortu hex kodeak nahi diren koloreak edozein logoa edo markatze-irudian.
- Eraikuntza Web Kolore Paleta ArgazkietatikSortu web-kolore paleta berdina argazki eta atzealdearen irudietatik.
- Atera Koloreak Inspirazio ArgazkietatikAtera kolore paleta barreko diseinu edo moda argazkietatik zure proiektuetan erabiltzeko.
- Aztertu Margoa eta Artea PaletaAztertu kolore paleta ospea margoa edo zure artea nahi diren koloreak ateratzeko.
- Gaia CSS ArgazkietatikSortu CSS aldagaia gaia argazkietatik - erabilgarria dinamiko gaia edo auto-sortu kolore-esquema.
Nola Funtzionatzen Du
Kolore-erauzketak erabat zure nabigatzailean funtzionatzen du eskuz idatzitako k-means++ multzokatze-algoritmo bat Canvas APIatik irakurritako pixel-datu gordinei aplikatuz β zerbitzaririk ez, hirugarrenen liburutegirik ez. Irudi eta kolore-kopuru ezarpen berak beti paleta bera sortzen dute algoritmoak zenbaki ausazko pseudo-sortzaile determinista bat erabiltzen duelako (mulberry32) Math.random beharrean.
- 1Canvas-ek pixel-datuak irakurtzen dituIrudia pantailatik kanpoko HTML Canvas elementu batean marrazten da eta gehienez 200px-era murrizten da bere alde luzeenean. Canvas APIaren getImageData()-k pixel bakoitza RGBA byte gordin gisa itzultzen du, eta erabat gardenak diren pixelak (alfa < 128) baztertzen dira multzokatzea hasi baino lehen.
- 2k-means++-ek pixelak multzokatzen dituk-means++ hasieratzaile batek zentroideak deterministikoki haziketzen ditu, gero algoritmoak 20 aldiz arte iteratzen du: pixel bakoitza bere zentroide hurbilenari esleitzen zaio RGB espazioan, gero zentroideak berriz kalkulatzen dira esleitutako pixel guztien batez besteko gisa. Hamaseitarreko balio bera kolapsatzen duten multzoak batzen dira, beraz emaitzako kolore-lagin bakoitza bakarra da.
- 3Kolore bakoitzeko metadatuak kalkulatzen diraZentroide bakoitza HEX, HSL, eta pixel guztien gaineko bere partea (ehunekoa) bihurtzen da. WCAG luminantzia erlatiboa formula estandarraren arabera kalkulatzen da, eta beltz eta zurirekiko kontraste-erlazioak kolore-lagin bakoitzarekin batera erakusten dira.
- 4Esportazioa eta eyedropper irteeraPaleta CSS propietate pertsonalizatu gisa kopiatu daiteke, SCSS aldagai gisa, Tailwind konfigurazio-zati gisa, edo JSON gisa. Klik-bidezko eyedropper batek aurrebistan zure klika berriro kartografiatzen du jatorrizko pixel-koordenatu zehatzetara bereizmen osoko oihal batean, pixel horren kolorea hautatutako-kolore zerrenda bereizi batera gehituz. PNG paleta-zerrenda bat deskarga daiteke Canvas toBlob() bidez.
Zure irudia inoiz ez da igotzen β erabat zure nabigatzailearen memorian dekodetzen eta prozesatzen da, eta fitxategi-tamaina bakarrik (KBtan) jakinarazten zaio analitikari.
Erlazionatutako tresnak
Ausazko koloreen sortzailea
Sortu ausazko koloreak banan-banan edo bost koloreko paleta gisa, blokeatu gustatzen zaizkizunak, kopiatu HEX, RGB edo HSL balioak eta esportatu paleta PNG edo CSS gisa.
Kolore Paleta Sortzailea
Sortu osagarri, analogiko, triadiko eta monokromatiko kolore-paleta edozein oinarri-koloretik. Kopiatu hex kodeak klik batean.
Kolore-hautatzailea eta Paleta Sortzailea
Aukeratu koloreak, bihurtu HEX/RGB/HSL artean eta sortu paleta harmoniatsuak.