Otsikko

Värivalitsin

Pudota, liitä (Ctrl+V) tai napsauta ladataksesi

HEX
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
HSV-koodi
hsv(0, 0%, 53%)

Lataa kuva valitaksesi värit

Tai kokeile näytettä:

Näyte 1
Näyte 2
Näyte 3

Väripaletti

Värit: 3

Värinvalitsin ja erotin – ilmainen verkkotyökalu

Ilmaisella verkkopohjaisella värinpoimijallamme voit valita minkä tahansa värin kuvasta yhdellä napsautuksella – ei ohjelmiston asentamista eikä tiliä tarvita. Lataa kuvasi, suurenna viemällä hiiri sen päälle, napsauta mitä tahansa pikseliä nähdäksesi heti sen HEX-, RGB-, HSL- ja HSV-arvot ja luo sitten täysi väripaletti valitsemastasi väristä. Voit ladata tulokset milloin tahansa.

Värien valitseminen valokuvasta

1
Lataa kuvasi

Pudota kuva paneeliin ja napsauta Lähetä kuva, tai liitä painamalla Ctrl+V. Tukee JPEG-, PNG-, WebP- ja HEIC-GIF-muotoja.

2
Klikkaa valitaksesi värin

Suurenna kuvaa viemällä hiiri sen päälle ja napsauta sitten mitä tahansa kohtaa tallentaaksesi kyseisen pikselin värin. HEX-, RGB-, HSL- ja HSV-arvot näkyvät välittömästi.

3
Kopioi tai luo paletti

Napsauta mitä tahansa arvokenttää kopioidaksesi sen leikepöydälle, tallentaaksesi värit myöhempää käyttöä varten tai luodaksesi täyden väripaletin ja viedäksesi sen CSS-muuttujina tai PNG-mallinauhoina.

Tärkeimmät ominaisuudet

  • Neljä värimuotoa – Katsele ja kopioi valittu väri HEX-, RGB-, HSL- ja HSV-muodossa yhdellä napsautuksella missä tahansa arvokentässä.
  • Pikselitarkka suurennuslasi – pyöreä zoom-objektiivi seuraa kohdistinta, jotta voit kohdistaa haluamasi pikselin tarkasti.
  • 8 palettityyppiä – luoda analogisia, komplementaarisia, triadisia, tetraadisia, jaetun komplementaarisia, monokromaattisia, sävy- tai sävypaletteja, joissa on 3–10 värimallia.
  • Vientiasetukset – kopioi kaikki paletin heksadesimaalikoodit kerralla, lataa PNG-mallinäyte tai vie paletti CSS-mukautettuina ominaisuuksina (:root muuttujat).
  • Tallennetut värit – Lisää mikä tahansa väri kirjanmerkkeihin selaimeesi tallennettujen värien paneeliin ja poista ne milloin tahansa.
  • HEIC-tuki – HEIC/HEIF-muodossa olevat iPhone-kuvat muunnetaan automaattisesti ennen värin valintaa.
  • Toimii kokonaan selaimessasi – kuviasi ei koskaan ladata millekään palvelimelle.
  • Ilmainen ja rajoittamaton – ei rekisteröitymistä, ei vesileimoja, ei rajoituksia.

Mikä on värinerotin?

Värierotin (tai kuvan värinvalitsin) on työkalu, joka lukee valokuvan minkä tahansa pikselin tarkan värin ja muuntaa sen suunnittelussa ja kehityksessä käytettäviksi vakiovärikoodeiksi. Sen sijaan, että silmämääräisesti tarkastelisit väriä tai syöttäisit arvoja manuaalisesti, napsautat vain haluamaasi kohtaa, ja työkalu tekee muunnoksen puolestasi – näytöllä näkyvistä raaka-RGB-arvoista aina graafisen suunnittelun työnkuluissa käytettyihin HSL- ja HSV-esityksiin asti.

Väripalettigeneraattori vie tämän askeleen pidemmälle: kun olet valinnut perusvärin, se soveltaa väriteoriaa luodakseen harmonisia värimaailmoja, jotka ovat valmiita käytettäväksi suoraan CSS:ssä, Figmassa tai missä tahansa suunnittelutyökalussa.

Yleisiä käyttötarkoituksia

  • Brändin värien erottaminen – hakea tarkat heksadesimaalikoodit logosta tai brändikuvasta ja käyttää niitä johdonmukaisesti koko verkkosivustolla tai suunnittelujärjestelmässä.
  • Verkko- ja käyttöliittymäsuunnittelu – sovita värit tuotekuvaan tai päävalokuvaan, jotta asettelu tuntuu yhtenäiseltä.
  • Paletin sukupolvi – aloita yhdestä avainväristä ja luo projektillesi täydellinen täydentävä tai analoginen värimaailma.
  • Painatus ja kuvitus – ota esimerkkikuvia löytääksesi tarkat RGB-arvot ennen maalin sekoittamista tai tulostusprofiilin määrittämistä.
  • CSS-teemojen luominen – vie palettimuuttujat suoraan :root lohko pudotetaan suoraan tyylitiedostoon.

Usein kysytyt kysymykset

Kyllä, työkalu on 100 % ilmainen eikä sillä ole käyttörajoituksia. Sinun ei tarvitse luoda tiliä tai antaa maksutietoja.
Ei. Kaikki käsittely tapahtuu kokonaan selaimessasi HTML5 Canvas API:n avulla. Kuvaasi ei koskaan lähetetä millekään palvelimelle, joten yksityisyytesi on täysin suojattu.
Työkalu näyttää valitun värin neljässä muodossa samanaikaisesti: HEX (esim. #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)) ja HSV (hsv(216, 73%, 84%)). Napsauta mitä tahansa kenttää kopioidaksesi sen välittömästi.
Kun siirrät kohdistinta kuvan päälle, kohdistimen lähelle ilmestyy pyöreä suurennuslasi, joka näyttää ympäröivien pikselien suurennetun näkymän. Tämä helpottaa haluamasi pikselin tunnistamista ja napsauttamista, erityisesti kuvissa, joissa on hienoja yksityiskohtia tai hienovaraisia värisiirtymiä.
Napsauta mitä tahansa kuvan pikseliä asettaaksesi perusvärin ja vieritä sitten alas kohtaan Väripaletti osiossa. Valitse paletin tyyppi (analoginen, täydentävä, triadinen jne.) ja vedä laskuripainiketta valitaksesi 3–10 värimallia. Paletti päivittyy välittömästi. Käytä Kopioi värit, Lataa PNG-tiedosto, tai Vie CSS käyttämään tulosta.
Vie CSS-kopiot :root { } lohko, joka sisältää jokaisen paletin värin CSS-mukautettuna ominaisuutena (esim. --color-1: #3a7bd5;). Voit liittää tämän suoraan tyylitiedostoosi ja viitata muuttujiin koko projektisi ajan.
Kyllä. HEIC- ja HEIF-tiedostot muunnetaan automaattisesti JPEG-muotoon selaimessasi ennen kuvan näyttämistä. Latausilmaisin tulee näkyviin muunnoksen aikana, eikä tiedostoja lähetetä palvelimillemme.