Värinpoimija – poimi väri kuvasta tai näytöltä ja muunna HEX, RGB, HSL ja HSV
Poimi väri omasta kuvasta napauttamalla, suoraan näytöltä (tuetuissa selaimissa) tai selaimen värinvalitsimella. Saat värin HEX-, RGB-, HSL-, HSV- ja OKLCH-muodossa kopioitavaksi.
Kuva avataan ja luetaan vain selaimessasi, eikä sitä lähetetä minnekään. Valokuvista kannattaa poimia 5 × 5 pikselin keskiarvo, koska JPEG-pakkaus tekee vierekkäisistä pikseleistä hieman erivärisiä. Näet myös, kumpi tekstiväri erottuu värin päällä paremmin: esimerkiksi #3B82F6 saa valkoiselta tekstiltä 3,67:1 ja mustalta 5,70:1. Viimeisimmät värit tallentuvat historiaan tähän selaimeen.
Mitä eroa on HEX-, RGB-, HSL- ja HSV-värikoodeilla?
HEX ja RGB kertovat saman asian: punaisen, vihreän ja sinisen määrän (0–255), HEX-koodissa heksalukuina. HSL ja HSV kuvaavat värin sävynä (0–360°), kylläisyytenä ja valoisuutena tai arvona; HSV on yleinen kuvankäsittelyohjelmien värinvalitsimissa. OKLCH on CSS:n uudempi väriavaruus, jonka L vastaa parhaiten silmän näkemää kirkkautta.
Ladataan työkalua...
Etkö tiedä mihin ryhtyä seuraavaksi? Selaa kaikki työkalut
Hae työkalua →Värinpoimija poimii värin kuvasta, näytöltä tai värinvalitsimesta ja näyttää sen eri muodoissa.
Valitse kuva ja napauta kohtaa, poimi näytöltä tai kirjoita värikoodi.
- Poiminta kuvasta: yksi pikseli tai 5 × 5 pikselin keskiarvo.
- Poiminta näytöltä EyeDropper-rajapinnalla (esim. Chrome ja Edge tietokoneella).
- HEX, RGB, HSL, HSV ja OKLCH, jokainen kopioitavissa, sekä sävyrivi ja historia.
Poimittu väri on juuri se, mitä kuvan pikseleissä on.
- Valaistus, kameran asetukset ja pakkaus vaikuttavat valokuvan väreihin.
- Sama koodi voi näyttää eri näytöillä hieman erilaiselta.
- Tekstikontrasti kertoo, sopiiko väri taustaksi valkoiselle tai mustalle tekstille (4,5:1 riittää tavalliseen tekstiin).
Kuva ei lähde laitteeltasi.
- Kuvaa ei lähetetä palvelimelle, ja historia tallentuu vain tähän selaimeen.
- Painotuotteisiin tarvitaan väriprofiilin mukainen CMYK-muunnos.
- Lähteet: W3C, CSS Color Module Level 4; Björn Ottosson 2020 (OKLab); WICG, EyeDropper API; W3C, WCAG 2.2.