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.
MAINOS
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ä.
MAINOS
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 |
Tutustu muihin yksikkömuuntimeen
Usein kysytyt kysymykset
Miten HEX muunnetaan RGB:ksi?
Muunna jokainen hex-pari desimaaliksi. #FF5733: FF=255, 57=87, 33=51 → rgb(255, 87, 51).
Tehdäänkö laskelmat paikallisesti?
Kyllä. Kaikki laskelmat suoritetaan selaimessasi.
Auta meitä parantamaan työkalujamme
Onko sinulla idea, löysitkö virheen tai haluatko ehdottaa ominaisuutta? Kirjoita meille – vastaamme 24 tunnin kuluessa.
MAINOS
Muut ilmaiset työkalut
Kuvaeditori
Muuta kokoa, rajaa ja muunna kuvasi. Valmiit muodot sosiaaliseen mediaan, pyöreät avatarit, vienti JPG/PNG/WebP.
Meta-otsikon ja -kuvauksen tarkistus
Tarkista otsikon ja kuvauksen pituus pikseleinä. Reaaliaikainen Google-esikatselu ja optimointivinkit.
Favicon-generaattori
Luo täydellinen favicon.ico-setti verkkosivullesi yhdestä kuvasta. Kaikki tarvittavat koot, ilman kirjautumista.
Väripalettien generaattori
Luo 9 palettia yhdestä väristä: monokromaattinen, komplementaarinen, triadinen ja muita. HEX-koodit.
Värikontrastin tarkistus
Tarkista tekstin ja taustan kontrasti WCAG 2.1 AA ja AAA mukaan. Automaattinen värikorjaus.
Ilmainen QR-koodigeneraattori
Luo QR-koodi verkkosivulle, vCard-käyntikortille tai tulostukseen. Vie PNG ja SVG, ilman rekisteröitymistä.
Sana- ja merkkilaskuri
Laske sanat, merkit, lauseet ja lukuaika. Vaihda kirjainkokoa ja muotoile teksti yhdellä napsautuksella.