Kuvan hallitseva väri
Selvitä minkä tahansa kuvan hallitseva väri ja sen yleisimpien värien paletti. Työkalu ryhmittelee jokaisen näkyvän pikselin 4096 väriryhmään, ilmoittaa suurimman ryhmän värin hallitsevana värinä, luettelee enintään 12 palettiväriä ja niiden osuudet kuvasta sekä lisää kaikkien pikselien keskimääräisen värin. Kaikki arvot ilmoitetaan heksadesimaaleina, RGB ja HSL. Sopii suunnittelijoille, teemanrakentajille ja kehittäjille, jotka tarvitsevat paikkamerkki- tai korostusvärejä.
Usein kysytyt kysymykset
Miten hallitseva väri määritetään?
Jokainen pikseli sijoitetaan yhteen 4096 väriryhmästä. Kullekin punaisen, vihreän ja sinisen värin kanavalle on 16 tasoa. Eniten pikseleitä sisältävä ryhmä voittaa, ja sen väriksi lasketaan ryhmän pikselien keskiarvo. Siksi valkoisen taustan väriksi ilmoitetaan puhdas valkoinen pyöristetyn arvon sijaan.
Mikä paletti on?
Paletissa luetellaan yleisimmät ryhmät hallitsevan värin jälkeen. Värejä on valitsemasi määrä 1–12, oletuksena 5. Kunkin värin heksadesimaali-, RGB- ja HSL-arvot sekä sen osuus näkyvistä pikseleistä näytetään.
Miten keskimääräinen väri eroaa hallitsevasta väristä?
Keskimääräinen väri on kaikkien näkyvien pikselien keskiarvo. Sinisen taivaan ja punaisen pellon sisältävän valokuvan hallitseva väri on sininen tai punainen, mutta keskimääräinen väri on niiden samea sekoitus. Keskimääräinen väri sopii hyvin sumennettuihin paikkamerkkeihin, kun taas hallitseva väri sopii korostuksiin.
Miten läpinäkyviä pikseleitä käsitellään?
Yli puoliksi läpinäkyvät pikselit ohitetaan, joten läpinäkyvällä taustalla olevan logon väreiksi ilmoitetaan logon värit mustan sijaan. Tuloksesta näet, mikä osuus kuvasta oli läpinäkyvää. Jos kuvassa ei ole näkyviä pikseleitä, saat viestin värin sijaan.
Mitä tiedostomuotoja voin analysoida?
Tuettuja ovat enintään 5 MB:n kokoiset JPEG-, PNG-, GIF-, WebP-, TIFF- ja AVIF-kuvat. Animoidut GIF- ja WebP-tiedostot analysoidaan ensimmäisen ruudun perusteella, ja CMYK-kuvat muunnetaan sRGB-muotoon ennen laskentaa.
Pienennetäänkö suuret kuvat ensin?
Kuvat, joiden sivu on suurempi kuin 4000 pikseliä, pienennetään ensin 4000 pikselin kokoisiksi. Tämä muuttaa osuuksia korkeintaan vain hyvin vähän. Pienemmät kuvat lasketaan pikseli kerrallaan.
Miksi samankaltaiset sävyt näkyvät erillisinä väreinä?
Väriryhmien leveys on 16 tasoa, joten ryhmän rajan eri puolilla olevat kaksi sävyä lasketaan erikseen. Siksi liukuvärit ja valokuvat näyttävät usein paletissa vierekkäisiä sävyjä. Nosta paletin kokoa, niin näet niitä enemmän.
Voinko käyttää värejä CSS-tiedostoissa?
Kyllä. Jokainen väri annetaan heksadesimaalikoodina, kuten #3366cc, rgb()-arvoina sekä hsl()-arvoina, joissa sävy ilmoitetaan asteina ja kylläisyys sekä valoisuus prosentteina. Voit liittää arvot suoraan CSS-tiedostoihin, suunnittelutyökaluihin tai teeman asetuksiin.
Mihin voin käyttää hallitsevaa väriä?
Tavallisia käyttötarkoituksia ovat paikkamerkkitaustat kuvien latautumisen ajaksi, kansikuvaan sopivat korostusvärit korteissa ja otsakkeissa, tuotekuvien lajittelu värin perusteella sekä sen tarkistaminen, että brändikuvat pysyvät väripaletissa. Jäsennelty tulos helpottaa myös arvojen käyttöä uudelleen skripteissä ja teemoissa.
Onko tulos aina sama?
Kyllä. Laskenta on deterministinen, joten sama tiedosto tuottaa aina saman hallitsevan värin, paletin ja osuudet. Jos kahdessa ryhmässä on täsmälleen yhtä monta pikseliä, niiden järjestys määräytyy sen mukaan, kumman väri esiintyy ensin.