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.
Lataa minkä tahansa yleisen kuvamuodon ja tuottaa hallitsevan väripaletin selvästi alle sekunnissa, jopa suurille kuville.
Jokainen erotettu väri näyttää sen prosenttiosuuden kuvan pinta-alasta — tiedät yhdellä silmäyksellä, mitkä ovat hallitsevia ja mitkä korostusvärejä.
Liukusäädin 3–16 värin valitsemiseen. Pienet paletit brändityöhön; suuremmat valokuvareferensseihin.
Napsauta mitä tahansa värimallia kopioidaksesi sen heksadesimaaliarvon. Tai Kopioi kaikki saadaksesi koko paletin rivinvaihdoilla eroteltuna luettelona joukkokäyttöä varten.
Ei latausta, ei palvelinkutsua, mikään kuva ei poistu koneeltasi. Turvallinen yksityisille malleille, julkaisemattomalle aineistolle tai arkaluontoiselle taiteelle.
PNG, JPG, SVG, WebP, GIF, ICO — kaikki tuettu vakio canvas-dekoodauksen kautta. Läpinäkyvät pikselit ohitetaan automaattisesti.
Pudota logokuva, erota käytetyt tarkat värit ja kopioi ne brändipakettisi CSS-muuttujiin tai suunnittelujärjestelmään.
Syötä maisemavalokuva työkaluun saadaksesi 5 värin paletin, joka vangitsee sen tunnelman — hyödyllinen taiteelliseen ohjaukseen tai teeman rakentamiseen.
Ota kuvakaappaus referenssikäyttöliittymästä, erota paletti ja käytä kyseisiä värejä omassa mallissasi vastaamaan visuaalista ilmettä.
Kun asiakas lähettää yksittäisen kuvan brändäysohjeena, erota 8-10 väriä ehdottaaksesi aloituspalettia, joka pysyy uskollisena referenssille.
Hanki kaksi hallitsevinta väriä kuvasta rakentaaksesi taustaliukuvärin, joka täydentää edustan kohdetta.
Napsauta Kuvan värit -kuvaketta DevSuite Pro -telakassa. Paneeli avautuu, jossa on pudotusalue ja asetukset.
Vedä tiedosto sisään, liitä leikepöydältä (Ctrl+V) tai napsauta avataksesi tiedostonvalitsimen. Työkalu lataa ja ottaa näytteitä pikseleistä automaattisesti.
Käytä liukusäädintä valitaksesi erotettavien värien määrän (3–16). Paletti erotetaan uudelleen välittömästi vetäessäsi.
Jokainen värimalli näyttää heksadesimaalikoodin ja prosenttiosuuden kuvan alueesta. Etsi hallitsevia värejä — niillä on korkeimmat prosentit.
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ä.
Asenna DevSuite Pro ilmaiseksi ja avaa yli 64 kehittäjätyökalua selaimellesi.