RGB-HEX-värimuunnin
Muunna mitkä tahansa puna-, viher- ja siniarvot verkkovalmiiksi #RRGGBB-heksakoodiksi ja CSS:n rgb()-merkkijonoksi.
#4287F5 · rgb(66, 135, 245)
#4287F5
color mixRed
14.8%
Green
30.3%
Blue
54.9%
Miten tämä laskin toimii?
Muuntaaksesi RGB:n HEX:ksi pyöristä ja rajaa jokainen kanava väliin 0–255, kirjoita sitten kukin kaksinumeroisena heksadesimaaliparina ja yhdistä ne "#":n perään. Esimerkiksi rgb(66, 135, 245) muuttuu muotoon #4287F5. Samat kanavat muodostavat myös CSS-merkkijonon rgb(66, 135, 245), joka kuvaa identtistä väriä.
Kaava
How this is calculated
Jokainen värikanava — punainen, vihreä ja sininen — on 8-bittinen arvo välillä 0–255. Syötä kolme kanava-arvoa; mikä tahansa syöte pyöristetään lähimpään kokonaislukuun ja rajataan väliin 0..255, joten alueen ulkopuoliset luvut pysyvät kelvollisina.
Heksakoodin rakentamiseksi jokainen kanava muunnetaan desimaalista 16-kantaiseksi (heksadesimaaliseksi). Yksi tavu (0–255) kuvautuu tarkalleen kahdeksi heksanumeroksi, joten kukin arvo täytetään tarvittaessa johtavalla nollalla (esimerkiksi 5 muuttuu muotoon "05"). Kolme kaksinumeroista paria ketjutetaan johtavan "#":n perään ja muutetaan isoiksi kirjaimiksi tuottaen vakiomuotoinen #RRGGBB, jota käytetään CSS:ssä ja suunnittelutyökaluissa.
CSS:n rgb()-merkkijono yksinkertaisesti luettelee samat rajatut kokonaislukukanavat muodossa rgb(R, G, B). Molemmat merkintätavat kuvaavat identtistä väriä: #FFFFFF vastaa muotoa rgb(255, 255, 255) (valkoinen) ja #000000 vastaa muotoa rgb(0, 0, 0) (musta). Donitsi näyttää kunkin kanavan suhteellisen osuuden sekoituksessa.
Usein kysytyt kysymykset
Vakio-RGB käyttää 8 bittiä kanavaa kohden, mikä antaa 256 mahdollista tasoa (0–255) punaiselle, vihreälle ja siniselle. Alle 0 tai yli 255 olevat arvot rajataan tähän väliin.
Arvo välillä 0–255 mahtuu yhteen tavuun, joka on tarkalleen kaksi heksadesimaalinumeroa (00–FF). Pienemmät luvut täytetään nollilla, joten tulos on aina yhteensä kuusi numeroa.
Kyllä. Ne ovat kaksi merkintätapaa samalle värille. Heksamuoto on tiivis, kun taas rgb() on luettavampi; molemmat ovat kelvollisia CSS-väriarvoja.
Tunnetaan myös nimellä
TG we-Calculate Editorial Team. (2026). RGB-HEX-värimuunnin [Online calculator]. TG we-Calculate. https://we-calculate.com/fi/calculator/rgb-to-hex-color-converter
TG we-Calculate Editorial Team. "RGB-HEX-värimuunnin." TG we-Calculate. 2026. https://we-calculate.com/fi/calculator/rgb-to-hex-color-converter.
TG we-Calculate Editorial Team, "RGB-HEX-värimuunnin," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/fi/calculator/rgb-to-hex-color-converter
@misc{wecalculate_rgb_to_hex_color_converter, title = {RGB-HEX-värimuunnin}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/fi/calculator/rgb-to-hex-color-converter}}, year = {2026}, note = {TG we-Calculate} }
Oliko tästä laskimesta sinulle apua?