Tuotekuvan, brändikuvan tai tunnelmakuvan ympärille rakentaminen alkaa sen väreistä. Pudota kuva ja saat sen hallitsevan paletin vaaleasta tummaan lajiteltuna — jokainen väri on yhden napsautuksen päässä kopioidusta hex-koodista.
Poiminta käyttää median-cut-kvantisointia todellisiin pikseleihin — samaa algoritmiperhettä, jota kuvankäsittelyohjelmat käyttävät — joten paletti heijastaa todellista värijakaumaa, ei vain sumeaa keskiarvoa.
Käyttöohje
- Lisää kuvaMikä tahansa valokuva, logo tai taideteos.
- Säädä paletin kokoa3–12 väriä — näytteet päivittyvät reaaliajassa.
- Kopioi kooditNapsauta mitä tahansa värinäytettä saadaksesi sen hex-koodin, tai kopioi koko paletti kerralla.
Poimi aito paletti mistä tahansa kuvasta
Tämä poimija lukee kuvasi todelliset pikselit ja löytää sen hallitsevat värit median-cut-kvantisoinnilla, samalla lähestymistavalla, joka on hyvän värien vähentämisen takana. Se tarkoittaa, että paletti heijastaa sitä, mitä kuvassa oikeasti on – ei arvausta tai suodatettua keskiarvoa. Lataa kuva, ja saat sarjan hex-värimalleja suoraan lähteestä.
Valitset, montako väriä poimitaan, mitä tahansa 3:n ja 12:n väliltä. Vähemmän värimalleja antaa tiiviin brändityylisen paletin; enemmän antaa täydemmän värimaailman suunnittelutyöhön. Identtiset värimallit karsitaan, joten et koskaan saa samaa hexiä kahdesti.
Kopioi hex-koodit yhdellä klikkauksella
Jokainen värimalli näyttää hex-arvonsa, ja mallin klikkaaminen kopioi koodin leikepöydällesi. Kun haluat koko sarjan, yksi painike kopioi koko paletin kerralla, valmiina liitettäväksi CSS:ään, suunnittelutyökaluun tai tyylioppaaseen. Paletti on lajiteltu vaaleasta tummaan, joten se lukee järjestettynä asteikkona eikä sekamelskana.
Koska kaikki toimii selaimessa omalla kuvallasi, voit poimia väripaletin valokuvasta, kuvakaappauksesta tai logosta lataamatta mitään mihinkään.
Mihin sitä käytetään
Brändipaletin rakentaminen — Poimi hallitsevat värit logosta tai hero-kuvasta yhtenäisen värijärjestelmän perustaksi.
Suunnitelman sovittaminen valokuvaan — Poimi tuotekuvan värimaailma, jotta asettelusi tuntuu osalta samaa kuvaa.
Web- ja käyttöliittymäteemat — Nappaa hex-koodit tunnelmakuvasta CSS-muuttujien pohjaksi sivuston korostus- ja taustaväreihin.
Värien poiminta taideteoksista — Näytteistä kuvituksen tai maalauksen todelliset värit uudelleenkäytettäväksi omassa työssäsi.
Esitys- ja diateemat — Poimi kansikuvasta muutama hallitseva väri koko esityksen teemoittamiseen.
Muoti- ja sisustustunnelmataulut — Hae paletti inspiraatiokuvasta kankaiden, maalien tai asusteiden sovittamiseen.
Datavisualisoinnin värisarjat — Poimi erottuva värisarja referenssikuvasta kaaviopaletin rakentamiseen.
Nopea hex-haku — Pudota kuvakaappaus sisään ja klikkaa tarvitsemaasi värimallia kopioidaksesi sen tarkan hex-koodin.
Miksi IMG.DIY
Aidot hallitsevat värit
Median-cut todellisista pikseleistä, ei sumeaa keskiarvoa.
Kopiointi yhdellä napsautuksella
Jokainen näyte kopioi hex-koodinsa välittömästi.
3–12 väriä
Määritä tarkasti, kuinka yksityiskohtainen paletti on.
Yksityinen
Kuva ei koskaan poistu laitteeltasi.