Ratkaisija

Värinpoimija – Muunna värit HEX, RGB, HSL ja HSV välillä

Värinpoimija mahdollistaa värien valitsemisen ja muuntamisen eri formaattien välillä: HEX, RGB, HSL ja HSV. Syötä arvo missä tahansa formaatissa ja saat vastaavat arvot muissa.

Työkalu sopii web-kehittäjille, suunnittelijoille ja kaikille jotka työskentelevät värien kanssa. Näet värin esikatselun reaaliajassa ja voit kopioida arvot leikepöydälle yhdellä klikkauksella.

Mitä eroa on HEX-, RGB- ja HSL-väreillä?

HEX (esim. #FF5733) on web-kehityksessä yleisin muoto — kompakti ja CSS:ssä suoraan käytettävä. RGB (red, green, blue) ilmaisee värin kolmena 0–255 arvona ja on intuitiivinen värien sekoittamiseen. HSL (hue, saturation, lightness) on helpoin ihmiselle ymmärtää: sävy 0–360°, kylläisyys ja kirkkaus prosentteina. HSV eroaa HSL:stä arvon (value) käytöllä kirkkauden sijaan.

Ladataan työkalua...

Etkö tiedä mihin ryhtyä seuraavaksi?

Katso kaikki Ratkaisut →
📚 Lisätietoa

Värinpoimija poimii värikoodin kuvasta tai näytöltä ja näyttää sen eri muodoissa. Kätevä työkalu suunnittelijoille ja kehittäjille, jotka tarvitsevat tarkkoja värikoodeja.

✅ Mitä tämä tekee?

Valitse väri kuvasta tai väripaleteista, niin työkalu näyttää sen HEX-, RGB- ja HSL-muodoissa.

  • Poimi väri lataamastasi kuvasta klikkaamalla.
  • Näet värin HEX-, RGB- ja HSL-koodit välittömästi.
  • Kopioi haluamasi värimuodon koodi yhdellä klikkauksella.
🧠 Miten tulosta kannattaa tulkita?

Poimittu väri on pikselitarkka – mutta näytön väriprofiili voi vaikuttaa havaittuun väriin.

  • Eri näytöt voivat näyttää saman värikoodin hieman eri sävyisenä.
  • JPEG-pakkaus voi muuttaa värejä – käytä PNG-kuvaa tarkempaan poimintaan.
  • Zoomaamalla kuvaa lähemmäs saat tarkemman poiminnan.
⚠️ Hyvä tietää

Värinpoimija on suunnittelijan perustyökalu brändien ja designien analysoinnissa.

  • Käytä värinpoimijaa inspiraatiokuvien analysoinnissa omien palettien luomiseen.
  • Näyttövärit (RGB) ja painovärit (CMYK) eivät vastaa toisiaan suoraan.
  • Työkalu käsittelee kuvan selaimessa – tiedostoa ei lähetetä palvelimelle.
Huom: Värinpoimija on suunnittelijan silmä – kokeile myös väripalettien generaattoria kokonaisten palettien luomiseen.
Huomasitko virheen tai onko parannusehdotus? info@…