Tämä värinvalitsin alkaa visuaalisesta väriruudusta ja pitää tarkat numerot lähellä. Voit liittää CSS-hex-arvon, kuten #3366cc, hienosäätää punaista, vihreää, sinistä ja alfaa tai säätää sävyä, kylläisyyttä ja vaaleutta design system -työtä varten. Väriarvoja ei ladata palvelimelle - muunnokset tehdään paikallisesti JavaScriptillä.
Ilmainen värinvalitsin
Toimii kokonaan selaimessasi - ei lähetyksiä, ei rekisteröitymistä.
Valittu#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Mikä on värinvalitsin?
Värinvalitsin on työkalu tarkan digitaalisen värin valitsemiseen ja sen arvojen kopioimiseen suunnittelua tai koodia varten. Käytä väriruutua, HEX-kenttää, RGB-liukusäätimiä tai HSL-ohjaimia ja kopioi HEX-, RGB-, HSL-, HSV- tai CMYK-arvot heti. Kaikki toimii selaimessasi.
Näin se toimii
- 1Valitse tai liitä väri. Avaa selaimen värinvalitsin napsauttamalla suurta väriruutua tai liitä 3-, 4-, 6- tai 8-merkkinen hex-arvo HEX-kenttään.
- 2Säädä kanavia. Käytä RGB-liukusäätimiä punaiselle, vihreälle, siniselle ja alfalle tai muokkaa sävyä, kylläisyyttä ja vaaleutta, kun haluat suunnitteluun sopivamman ohjauksen.
- 3Kopioi tarvitsemasi muoto. Kopioi HEX, HEX8, RGB, HSL, HSV tai CMYK yhdellä klikkauksella. Esikatselu ja kaikki ulostulot päivittyvät reaaliajassa.
Kenelle
- Front-end-kehittäjät, jotka kopioivat CSS-valmiita HEX-, RGB- ja HSL-arvoja käyttöliittymiä rakentaessaan.
- Suunnittelijat, jotka hienosäätävät brändiväriä kanavittain sen sijaan, että arvaavat grafiikkaohjelmassa.
- Markkinointitiimit, jotka sovittavat kampanjavärit sähköpostieditorien, dokumenttien ja some-aineistojen välillä.
- Opiskelijat ja tekijät, jotka opettelevat, miten RGB, HSL, HSV ja CMYK kuvaavat samaa väriä.
Usein kysyttyä
Onko tämä värinvalitsin ilmainen?
Kyllä. Värinvalitsin on ilmainen, ei vaadi rekisteröitymistä eikä siinä ole käyttörajaa. Avaa sivu, valitse väri ja kopioi tarvitsemasi muoto.
Ladataanko värini jonnekin?
Ei. Valitsin ja muunnokset toimivat selaimessasi tavallisella JavaScriptillä. Valittuja värejä ei lähetetä palvelimelle.
Mitä värimuotoja voin kopioida?
Voit kopioida HEXin, 8-merkkisen HEXin alfalla, RGB:n tai RGBA:n, HSL:n tai HSLA:n, HSV:n ja CMYK:n. Työkalu pitää ne synkronoituina muokatessasi.
Voinko liittää hex-värin?
Kyllä. Liitä 3-, 4-, 6- tai 8-merkkisiä CSS-hex-arvoja, #-symbolilla tai ilman. Lyhenteet laajennetaan tavallisten CSS-sääntöjen mukaan.
Mikä on HEX8?
HEX8 on 8-merkkinen hex-väri, jossa viimeinen pari tallentaa alfan. Esimerkiksi #3366cc80 on sama sininen noin 50% peittävyydellä.
Kannattaako CSS:ssä käyttää RGB:tä vai HSL:ää?
Käytä RGB:tä, kun tarvitset tarkkoja kanava-arvoja tai alfaa rgba()-muodossa. Käytä HSL:ää, kun haluat tehdä vaaleampia sävyjä, tummennuksia tai toisiinsa liittyviä UI-tiloja muuttamalla kylläisyyttä ja vaaleutta.