Miten poimin väripaletin kuvasta?

Lataa, vedä tai liitä kuva. Työkalu ryhmittelee näkyvät hallitsevat värit 3, 5 tai 8 värin paletiksi.

Mikä on kuvapalettien poimija?

Se on työkalu, joka tiivistää koko kuvan hallitsevat näkyvät värit pienemmäksi, edustavaksi väripaletiksi.

Voinko kopioida HEX-, RGB- tai CSS-muuttujat?

Kyllä. Voit kopioida jokaisen HEX- tai RGB-arvon, kaikki HEX-arvot omille riveilleen tai koko paletin CSS-muuttujina.

Ladataanko tai tallennetaanko kuvani?

Ei. Kuva puretaan ja analysoidaan paikallisesti selaimessasi eikä sitä lähetetä palvelimelle.

Miksi paletissa on vähemmän värejä kuin valitsin?

Kuvassa voi olla vähemmän yksilöllisiä näkyviä värejä kuin valittu koko. Työkalu ei toista värejä ja jättää käytännössä läpinäkyvät pikselit huomiotta.

Poimi väripaletti kuvasta

Lataa, vedä tai liitä valokuva, kuvakaappaus, logo tai kuvitus ja poimi väripaletti koko kuvasta. Työkalu kokoaa näkyvistä hallitsevista väreistä 3, 5 tai 8 värin paletin sen sijaan, että se lukisi yhden pikselin arvon. Voit kopioida yksittäiset HEX- ja RGB-arvot, kaikki HEX-arvot omille riveilleen tai valmiin CSS-muuttujien joukon. Kuva käsitellään paikallisesti selaimessa eikä sitä lähetetä ColourPicker.appiin.

Lataa kuva

Valitse tiedosto, vedä se tähän tai liitä kuva leikepöydältä.

Voit myös liittää kuvakaappauksen näppäinyhdistelmällä Ctrl+V tai Komento+V.

Kuvasi pysyy laitteellasi ja käsitellään vain tässä selaimessa.

Lisää työkaluja

Picker

Värivalitsin

Lataa kuva ja napsauta poimiaksesi HEX-, RGB- ja HSL-värikoodit.

HEXRGBHSLImage

Converter

Värimuunnin

Muunna värejä HEX-, RGB- ja HSL-muotojen välillä välittömästi.

HEXRGBHSL

Checker

Kontrastintarkistus

Tarkista värikontrastisuhteet WCAG AA- ja AAA-standardien mukaan.

WCAGAAAAA

Generator

Palettigeneraattori

Luo harmonisia väripaletteja mistä tahansa perusväristä.

HarmonyHSLHEX

Näin poimit väripaletin kuvasta

Valitse kuvatiedosto, vedä se latausalueelle tai liitä kuva leikepöydältä. Selain purkaa kuvan ja tutkii pienempää otosta näkyvistä pikseleistä. Läheiset sävyt ryhmitellään, jotta paletti kuvaa kuvan visuaalisesti merkittävimpiä värejä eikä jokaista yksittäistä pikseliarvoa.

Lisää valokuva, logo, kuvitus, kuvakaappaus tai muu selaimen avaama kuva.
Lataamisen jälkeen muodostetaan automaattisesti viiden hallitsevan värin paletti.
Valitse 3, 5 tai 8 väriä sen mukaan, kuinka tiiviin tai yksityiskohtaisen viitteen tarvitset.
Kopioi yksittäisiä värejä tai koko paletti seuraavaa suunnittelu- tai kehitysvaihetta varten.

Valokuva voi sisältää valoja, varjoja ja laajoja taustasävyjä, kun taas yksinkertaisessa kuvakkeessa voi olla vain muutama näkyvä väri. Paletti perustuu siihen, mitä kuvassa todella näkyy, eikä sitä täytetä keinotekoisilla muunnelmilla.

Hallitsevat värit, ei yksi tarkka pikseli

Tämä sivu on tarkoitettu koko valokuvan, kuvituksen, logon tai kuvakaappauksen moniväriseen yhteenvetoon. Saat värit, jotka määrittävät kuvan yleisilmettä, et tietyn kuvapisteen tarkkaa arvoa.

Jos tarvitset yhden pikselin tarkan värin, valitse yksi tarkka väri kuvasta. Jos taas haluat muodostaa täydentäviä, analogisia tai muita teoreettisia suhteita perusväristä, voit luoda väriharmonian perusväristä. Tämä poimija tiivistää vain kuvassa jo näkyvät värit.

Kopioi paletti HEX-, RGB- tai CSS-muuttujina

Jokaisessa väriruudussa on HEX- ja RGB-arvo omilla kopiointipainikkeillaan. Voit myös kopioida kaikki HEX-arvot listana, jossa jokainen väri on omalla rivillään. Tämä sopii muistiinpanoihin, visuaalisiin viitteisiin ja moodboardeihin.

CSS-muuttujien painike tuottaa :root-lohkon nimillä kuten --cp-1, --cp-2 ja --cp-3. Käytä sitä nopeana lähtökohtana prototyypissä tai tyylitiedostossa ja tarkista kontrasti ja saavutettavuus erikseen.

Kuvasi pysyy yksityisenä

Kaikki käsittely tapahtuu selaimessasi. Kuvaa ei lähetetä ColourPicker.appiin tai ulkopuoliseen kuvapalveluun eikä tallenneta palvelimelle. Paikallinen esikatselu on väliaikainen ja vapautetaan, kun vaihdat kuvaa tai poistut sivulta.

Analyysissä käytetään vain näkyvää väritietoa. Käytännössä läpinäkyvät pikselit jätetään huomiotta, joten esimerkiksi PNG-logon läpinäkyvä tausta ei päädy virheellisesti hallitsevaksi väriksi.

Miksi kuvasta voi tulla vähemmän värejä

Valinta 3, 5 tai 8 väriä on enimmäismäärä, ei lupaus lisäväreistä. Yksinkertainen kuvake, tasainen grafiikka, kaksivärinen logo tai lähes läpinäkyvä kuva voi sisältää vähemmän yksilöllisiä näkyviä värejä kuin valittu koko.

Silloin työkalu näyttää pienemmän, todellisen paletin. Se ei toista värejä eikä keksi uusia sävyjä vain saavuttaakseen tietyn määrän.

Usein kysytyt kysymykset

Miten poimin väripaletin kuvasta?: Lataa, vedä tai liitä kuva. Työkalu ryhmittelee näkyvät hallitsevat värit 3, 5 tai 8 värin paletiksi.
Mikä on kuvapalettien poimija?: Se on työkalu, joka tiivistää koko kuvan hallitsevat näkyvät värit pienemmäksi, edustavaksi väripaletiksi.
Voinko kopioida HEX-, RGB- tai CSS-muuttujat?: Kyllä. Voit kopioida jokaisen HEX- tai RGB-arvon, kaikki HEX-arvot omille riveilleen tai koko paletin CSS-muuttujina.
Ladataanko tai tallennetaanko kuvani?: Ei. Kuva puretaan ja analysoidaan paikallisesti selaimessasi eikä sitä lähetetä palvelimelle.
Miksi paletissa on vähemmän värejä kuin valitsin?: Kuvassa voi olla vähemmän yksilöllisiä näkyviä värejä kuin valittu koko. Työkalu ei toista värejä ja jättää käytännössä läpinäkyvät pikselit huomiotta.