Varimuunnin
Valitse vari tai liita HEX-arvo nahdaksesi sen RGB- ja HSL-vastineet heti.
Tietoa varimuuntimesta
Suunnittelijat ja kehittajat kuvaavat saman varin useilla merkintatavoilla, ja tama tyokalu pitaa ne synkronissa. Valitse vari visuaalisesta valitsimesta tai liita arvo, niin se nayttaa vastaavan HEX-arvon (kuten #3498db), RGB-arvon (punainen, vihrea ja sininen valilla 0-255) ja HSL-arvon (savy, kyllaisyys ja vaaleus) kaikki kerralla.
Nain kaytat sita
- Raahaa varivalitsinta tai liita HEX-, RGB- tai HSL-arvo.
- Lue jokainen muoto paivittymassa yhdessa reaaliajassa.
- Kopioi se merkintatapa, jota tyylitiedostosi tai suunnittelutyokalusi odottaa.
HEX ja RGB kuvaavat saman pisteen sRGB-variavaruudessa, vain eri tavalla kirjoitettuna, kun taas HSL ilmaisee sen uudelleen tavalla, joka tekee savyjen saatamisesta intuitiivista - nyppaise vaaleutta savytysta varten tai kyllaisyytta hillitympaa savya varten. Yleinen tyonkulku on HEX-arvon poimiminen brandioppaasta ja sen muuntaminen HSL-muotoon paletin rakentamiseksi. Kaikki muunnos toimii selaimessasi, joten mitaan ei ladata.
Usein kysytyt kysymykset
Mika ero on HEX-, RGB- ja HSL-muodoilla?
Seka HEX etta RGB maarittelevat varin sen punaisen, vihrean ja sinisen osan kautta sRGB-avaruudessa, vain joko heksanumeroina tai lukuina 0-255 kirjoitettuna. HSL kuvaa saman varin savyna, kyllaisyytena ja vaaleutena, mika on helpompaa savytysten ja varjostusten saatamiseen.
Voinko liittaa arvon missa tahansa muodossa?
Kylla. Voit syottaa HEX-koodin, RGB-kolmikon tai HSL-arvon, ja muunnin taydentaa muut merkintatavat automaattisesti.
Tukeeko muunnin alfaa tai lapinakyvyytta?
Se keskittyy lapinakymattomiin HEX-, RGB- ja HSL-arvoihin. Lapinakyvyytta varten lisaisit alfakanavan erikseen, kuten rgba()-arvon tai 8-numeroisen HEX-arvon.
Lahetetaanko variarvoni palvelimelle?
Ei. Muunnos tapahtuu kokonaan selaimessasi, joten mitaan syottamaasi ei ladata.