Kehittäjätyökalu

Värimuunnin

Muunna väri HEX-, RGB- ja HSL-muotojen välillä esikatselun kanssa.

Värimuunnin Toimii laitteellasi
  • Toimii selaimessasi — tekstiäsi ei lähetetä minnekään
  • Ei rekisteröitymistä, ei kiintiöitä, ilmainen käyttää niin usein kuin haluat

Näin se toimii

Kolme yleistä tapaa kirjoittaa väri sopivat eri tehtäviin. HEX on tiivis ja sitä suunnittelutyökalut antavat. RGB vastaa sitä, miten näytöt oikeasti toimivat. HSL on se, jota ihminen voi päätellä, koska vaaleuden tai kylläisyyden säätäminen on yksi luku.

Miksi HSL kannattaa tuntea

HSL:ssä värin vaaleampi versio on sama sävy ja kylläisyys suuremmalla vaaleudella. HEX- tai RGB-muodossa sama muutos tarkoittaa kolmen arvon uudelleenlaskemista, joilla ei ole ilmeistä yhteyttä siihen, mitä halusit.

Mitä se hyväksyy

Kolmi- tai kuusinumeroinen hex risuaidalla tai ilman, rgb() tai rgba() sekä hsl() tai hsla(). Alfa ohitetaan, koska se kirjoitetaan samalla tavalla jokaisessa merkintätavassa.

UKK

Värimuunnin – kysymyksiä

Käsitteleekö se läpinäkyvyyttä?

Alfa-arvot hyväksytään syötteessä mutta niitä ei muunneta, koska alfa kirjoitetaan samalla tavalla jokaisessa merkintätavassa.

Voinko liittää värin nimen, kuten red?

Ei toistaiseksi – anna hex-, rgb()- tai hsl()-arvo.

Lähetetäänkö mitään palvelimelle?

Ei, muunnos tehdään sivulla.