Skip to content

Värinvalitsinja -muunnin

Valitse mikä tahansa väri tai etsi värikoodi kuvasta. Saat HEX-, RGB-, HSL- ja HSB-arvot, voit tarkistaa kontrastin ja tutkia sopivia värejä.

#6366F1

Valitse väri kuvasta

Pudota, liitä tai valitse kuva

Kuva pysyy selaimessasi, eikä sitä koskaan ladata palvelimelle.

Värimuodot

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

HSB

hsb(239, 59%, 95%)

Saavutettavuus ja kontrasti

Valkoisella taustalla

Aa

4.47:1

Mustalla taustalla

Aa

4.70:1

WCAG AA (Normal) ✓ WCAG AA (Large) ✓ WCAG AAA ✗

Värisointu

Vastaväri
Lähivärit
Kolmisointu

Tummemmat ja vaaleammat sävyt

5

10

20

30

40

50

60

70

80

90

95

Näin löydät värikoodin kuvasta

  1. 1

    Lisää kuva

    Pudota valokuva, logo tai kuvakaappaus ruutuun, valitse tiedosto tai liitä se näppäimillä Ctrl+V.

  2. 2

    Klikkaa väriä

    Liikuta osoitinta kuvan päällä nähdäksesi värit ja valitse sitten väri klikkaamalla. Kuvan päävärit näkyvät sen alla.

  3. 3

    Kopioi koodi

    Kopioi HEX-, RGB-, HSL- tai HSB-arvo ja tarkista sen kontrasti valkoisella ja mustalla taustalla.

Usein kysytyt kysymykset

Miten löydän kuvan värikoodin?

Lisää kuva värinvalitsimeen ja klikkaa haluamaasi kohtaa. Saat heti sen HEX-, RGB-, HSL- ja HSB-koodit.

Ladataanko kuvani jonnekin?

Ei. Kuva luetaan vain selaimessasi, eikä se koskaan poistu laitteeltasi.

Voinko valita värin mistä tahansa näytöltäni?

Kyllä, Chromessa, Edgessä ja muissa sitä tukevissa selaimissa. Käytä toimintoa ”Valitse näytöltä” ja klikkaa mitä tahansa näytön pikseliä.

Mikä ero on HEX- ja RGB-koodeilla?

Molemmat kuvaavat samaa väriä. HEX kirjoittaa punaisen, vihreän ja sinisen kuusimerkkisenä koodina, kuten #6366F1, RGB lukuina 0–255.