Mikä on värivalitsin?

Värivalitsimella voit valita värin silmämääräisesti numeroiden kirjoittamisen sijaan. Useimmissa suunnittelusovelluksissa se toimii samalla tavalla: sävyn liukusäätimellä valitaan perusväri sateenkaaresta, ja sen vieressä olevalla neliöllä säädetään kyseisen sävyn määrää (kylläisyys vasemmalta oikealle) ja kirkkautta (ylhäältä alas). Tämä asettelu perustuu HSV-värimalliin, ja jokaisella näytön esittämällä värillä on siinä oma kohtansa.

Työkalun kuvaus

Etsi haluamasi väri vetämällä neliössä ja sävyn liukusäätimellä tai kirjoita tai liitä väri, joka sinulla jo on HEX-, RGB-, HSL- tai muussa muodossa. Chromessa ja Edgessä pipettipainikkeella voit valita värin mistä tahansa näytöltäsi, myös selaimen ulkopuolelta. Aseta läpinäkyvyys läpikuultaville väreille ja kopioi tulos tarvitsemassasi muodossa: HEX CSS:ää ja useimpia suunnittelutyökaluja varten, RGB ja HSL CSS:ää varten, HSV suunnittelusovelluksia varten, OKLCH nykyaikaista CSS:ää varten sekä CMYK painatuksen lähtökohdaksi.

Ominaisuudet

  • Kylläisyys- ja kirkkausneliö sekä sävyn liukusäädin; käyttö hiirellä, kosketuksella tai näppäimistöllä
  • Näytön pipetti Chromessa ja Edgessä
  • Kirjoita tai liitä väri HEX-, RGB-, HSL-, HWB-, CMYK- tai muussa muodossa
  • Läpinäkyvyys, joka näkyy ruudukkotaustalla
  • HEX-, RGB-, HSL-, HSV-, OKLCH- ja CMYK-arvot, jotka ovat valmiita kopioitaviksi
  • Lisää muotoja, kuten HWB, LAB, LCH ja XYZ, valitun värin muotoluettelosta
  • Toimii selaimessa

Miten se toimii

Työkalu tallentaa värin sävynä, kylläisyytenä ja arvona, joten sävy pysyy samana, kun vedät valkoiseen, mustaan tai harmaaseen. Muut muodot lasketaan näiden tietojen perusteella: HEX- ja RGB-arvot pyöristetään kokonaisluvuiksi väliltä 0–255, HSL- ja HSV-arvot kokonaisiksi asteiksi ja prosenteiksi, ja OKLCH muunnetaan sRGB-väriavaruuden kautta. Kun läpinäkyvyys on alle 100 %, HEX-arvoon lisätään neljäs numero- ja kirjainpari ja CSS-muotoihin lisätään alfaarvo. CMYK ei tue alfaa, ja sen muunnos on yksinkertainen eikä siinä käytetä tulostimen väriprofiilia.

Vinkkejä

  • Liitetyn värin omaa läpinäkyvyyttä, kuten rgba()-muodossa, ei säilytetä: aseta se Läpinäkyvyys-kentässä.
  • Napsauta neliötä tai liukusäädintä ja siirry nuolinäppäimillä 1 % kerrallaan tai Vaihto-näppäimen kanssa 10 % kerrallaan.
  • Valokuvassa tai kuvakaappaustiedostossa olevien värien poimintaan käytä Kuvan värivalitsinta, joka lukee itse kuvatiedoston.
  • Kysy painotalolta käytettävät CMYK-arvot, sillä sama väri voi tulostua eri tavoin eri painokoneilla ja papereille.