← Takaisin ominaisuuksiin
Free

Kuvan värien erottaja

Kuvan värien erottaja (Image Color Extractor) analysoi minkä tahansa kuvatiedoston (pudota, liitä tai napsauta ladataksesi) ja palauttaa jopa 16 hallitsevaa väriä prosenttiosuuksineen. Käyttää selaimen sisäistä pikseleiden näytteistystä ja kvantisointia — ei latausta, ei palvelinpyyntöjä. Napsauta mitä tahansa värimallia kopioidaksesi sen heksadesimaaliarvon, tai Kopioi kaikki saadaksesi koko paletin.

Suunnittelijat ja kehittäjät joutuvat jatkuvasti poimimaan värejä kuvista — vetämään brändivärejä logosta, rakentamaan paletin valokuvasta tai sovittamaan käyttöliittymän referenssitaiteeseen. Kuvan värien erottaja hoitaa tämän selaimessa ilman latauksia. Pudota, liitä tai napsauta ladataksesi kuvan (PNG, JPG, SVG, WebP, GIF). Työkalu piirtää pienennetyn version kankaalle (canvas), ottaa näytteen joka neljännestä pikselistä, jakaa ne pienennettyyn väriavaruuteen (5 bittiä kanavaa kohti, n. 32K lokeroa), laskee kunkin lokeron todellisen RGB-keskiarvon ja valitsee sitten N suurinta lokeroa yhdistäen lähes samanlaiset (24 Manhattan-etäisyyden sisällä RGB:ssä). Tuloksena on siisti, edustava paletti, joka heijastaa todellista visuaalista sommittelua — ei vain tarkan pikselin osumia. Määrän liukusäädin (3–16) antaa sinun määrittää paletin koon tarpeidesi mukaan. Jokainen värimalli näyttää heksadesimaaliarvon ja pikseleiden prosenttiosuuden; napsauta kopioidaksesi yksitellen, tai Kopioi kaikki napataksesi ne yhdellä kertaa.

Reaaliaikainen esikatselu
example.com
Kuvan värin erottelija 8 väriä poimittu
1920 × 1080
40000 pixels sampled
Värit
8
Poiminta uudelleen Kopioi kaikki
#7C3AED
28.4%
#A78BFA
19.2%
#F472B6
14.8%
#FBBF24
11.5%
#6D28D9
9.7%
#E879F9
7.4%
#FCD34D
5.3%
#C026D3
3.7%
Keskeiset ominaisuudet

Välitön paletin erotus

Lataa minkä tahansa yleisen kuvamuodon ja tuottaa hallitsevan väripaletin selvästi alle sekunnissa, jopa suurille kuville.

Tarkat väripainotukset

Jokainen erotettu väri näyttää sen prosenttiosuuden kuvan pinta-alasta — tiedät yhdellä silmäyksellä, mitkä ovat hallitsevia ja mitkä korostusvärejä.

Säädettävä paletin koko

Liukusäädin 3–16 värin valitsemiseen. Pienet paletit brändityöhön; suuremmat valokuvareferensseihin.

Kopiointi yhdellä napsautuksella

Napsauta mitä tahansa värimallia kopioidaksesi sen heksadesimaaliarvon. Tai Kopioi kaikki saadaksesi koko paletin rivinvaihdoilla eroteltuna luettelona joukkokäyttöä varten.

Toimii täysin selaimessa

Ei latausta, ei palvelinkutsua, mikään kuva ei poistu koneeltasi. Turvallinen yksityisille malleille, julkaisemattomalle aineistolle tai arkaluontoiselle taiteelle.

Käsittelee kaikkia kuvamuotoja

PNG, JPG, SVG, WebP, GIF, ICO — kaikki tuettu vakio canvas-dekoodauksen kautta. Läpinäkyvät pikselit ohitetaan automaattisesti.

Yleiset käyttötapaukset

Brändivärien erottaminen

Pudota logokuva, erota käytetyt tarkat värit ja kopioi ne brändipakettisi CSS-muuttujiin tai suunnittelujärjestelmään.

Valokuvien paletin luonti

Syötä maisemavalokuva työkaluun saadaksesi 5 värin paletin, joka vangitsee sen tunnelman — hyödyllinen taiteelliseen ohjaukseen tai teeman rakentamiseen.

Käyttöliittymän sovittaminen

Ota kuvakaappaus referenssikäyttöliittymästä, erota paletti ja käytä kyseisiä värejä omassa mallissasi vastaamaan visuaalista ilmettä.

Asiakkaan aineiston analyysi

Kun asiakas lähettää yksittäisen kuvan brändäysohjeena, erota 8-10 väriä ehdottaaksesi aloituspalettia, joka pysyy uskollisena referenssille.

Liukuvärien luominen kuvista

Hanki kaksi hallitsevinta väriä kuvasta rakentaaksesi taustaliukuvärin, joka täydentää edustan kohdetta.

Käyttöohjeet
1

Avaa Kuvan värien erottaja

Napsauta Kuvan värit -kuvaketta DevSuite Pro -telakassa. Paneeli avautuu, jossa on pudotusalue ja asetukset.

2

Lataa kuva

Vedä tiedosto sisään, liitä leikepöydältä (Ctrl+V) tai napsauta avataksesi tiedostonvalitsimen. Työkalu lataa ja ottaa näytteitä pikseleistä automaattisesti.

3

Säädä värien määrää

Käytä liukusäädintä valitaksesi erotettavien värien määrän (3–16). Paletti erotetaan uudelleen välittömästi vetäessäsi.

4

Tarkista paletti

Jokainen värimalli näyttää heksadesimaalikoodin ja prosenttiosuuden kuvan alueesta. Etsi hallitsevia värejä — niillä on korkeimmat prosentit.

5

Kopioi värit

Napsauta mitä tahansa värimallia kopioidaksesi sen heksadesimaaliarvon, tai käytä Kopioi kaikki -painiketta napataksesi koko paletin luettelona käytettäväksi suunnittelutyökalussasi tai CSS:ssä.

Valmis kokeilemaan?

Asenna DevSuite Pro ilmaiseksi ja avaa yli 64 kehittäjätyökalua selaimellesi.

Lisää Chromeen Lisää Edgeen Lisää FireFoxiin