1. Syötä arvo
Kirjoita luku syöttökenttään. Voit käyttää pistettä tai pilkkua.
HEX RGB:ksi
Tämä muunnin laskee välittömästi. Syötä arvo ja tulos näkyy heti.
Loading tool editor...
Milloin tarvitset: HEX RGB:ksi?
HEX-värit (#FF5733) ja RGB (rgb(255, 87, 51)) edustavat samaa väriä, vain eri merkintätavalla. HEX on yleinen CSS:ssä ja suunnittelutyökaluissa, RGB ohjelmoinnissa.
Jokaisessa HEX-värissä on 6 numeroa: ensimmäiset 2 punaiselle (00–FF), seuraavat 2 vihreälle, viimeiset 2 siniselle. RGB käyttää desimaaliarvoja 0–255.
Kaikki laskelmat suoritetaan paikallisesti selaimessasi.
Näin käytät muunninta
2. Lue tulos
Muunnoksen tulos näkyy välittömästi viereisessä kentässä – ilman napsautusta.3. Kopioi tai käännä
Napsauta Kopioi tulos tai käytä Käännä-painiketta.
Milloin tämä muunnin on hyödyllinen?
Web-kehitys
Muunna#3B82F6muotoonrgb(59, 130, 246)tyylitiedostoissa.Värienhallinta
Värien vienti Figma/Sketchistä CSS-arvoiksi.Saavutettavuus
WCAG-kontrastilaskenta vaatii RGB-arvoja.Väripaletit
Yksittäisten kanavien (R, G, B) muokkaus varianttien luomiseksi.
Mikä tekee tästä muuntimesta erityisen?
Täysi tietosuoja
Kaikki laskelmat tehdään paikallisesti selaimessasi. Mitään tietoja ei lähetetä palvelimelle.Reaaliaikaiset tulokset
Tulos päivittyy välittömästi kirjoittaessasi – ei tarvitse napsauttaa mitään.Kaksisuuntainen muunnos
Käännä-painikkeella voit muuntaa kumpaankin suuntaan yhdellä napsautuksella.Viitetaulukko
Valmis taulukko usein muunnetuilla arvoilla ja kontekstuaalisilla kuvauksilla.
Miten muunnos toimii?
HEX käyttää kantalukua 16: jokainen numeropari (00–FF) muunnetaan desimaaliksi 0–255. #FF5733: FF=255 (punainen), 57=87 (vihreä), 33=51 (sininen).
HEX-lyhenne: #F53 = #FF5533.
Käytännön vinkkejä
- #000000 = rgb(0,0,0) = musta. #FFFFFF = rgb(255,255,255) = valkoinen.
- #FF0000 = puhdas punainen. #00FF00 = puhdas vihreä. #0000FF = puhdas sininen.
- Läpinäkyvyyteen: käytä rgba(255, 87, 51, 0.5) — HEX ei tue natiivisti alfaa (paitsi 8-numeroinen HEX: #FF573380).
- CSS tukee molempia: color: #FF5733 ja color: rgb(255, 87, 51) ovat identtisiä.
HEX vs RGB – vertailu
| Ominaisuus | HEX | RGB |
|---|---|---|
| Muoto | #RRGGBB | rgb(R, G, B) |
| Arvot | 00–FF (hex) | 0–255 (decimal) |
| Läpinäkyvyys | 8-digit (#RRGGBBAA) | rgba(R, G, B, A) |
| Lyhenne | #RGB (3 digits) | Ei lyhennettä |
| Käyttö | CSS, suunnittelutyökalut | CSS, ohjelmointi |
HEX
- Muoto
#RRGGBB - Arvot
00–FF (hex) - Läpinäkyvyys
8-digit (#RRGGBBAA) - Lyhenne
#RGB (3 digits) - Käyttö
CSS, suunnittelutyökalut
RGB
- Muoto
rgb(R, G, B) - Arvot
0–255 (decimal) - Läpinäkyvyys
rgba(R, G, B, A) - Lyhenne
Ei lyhennettä - Käyttö
CSS, ohjelmointi
Tutustu muihin yksikkömuuntimeen
Usein kysytyt kysymykset
Auta meitä parantamaan työkalujamme
Onko sinulla idea, löysitkö virheen tai haluatko ehdottaa ominaisuutta? Kirjoita meille – vastaamme 24 tunnin kuluessa.