TG we-Calculate logoTG we-Calculate
Kaikki laskimet
Beginner

HEX-RGB-värimuunnin

Muunna mikä tahansa heksavärikoodi sen puna-, viher- ja sinikanavan arvoiksi sekä valmiiksi liitettäväksi CSS:n rgb()-merkkijonoksi.
Accepts #RGB or #RRGGBB
CSS color
rgb(59, 130, 246)
14%
30%
57%
R 59
G 130
B 246
Red / Green / Blue channel mix (0–255 each)
Red (R)
59
Green (G)
130
Blue (B)
246
Normalized hex
#3b82f6
Step by step
  1. 1

    Red channel

    3 × 16 + 11 = 59
  2. 2

    Green channel

    8 × 16 + 2 = 130
  3. 3

    Blue channel

    15 × 16 + 6 = 246
    Each 2-digit hex pair converts to decimal as: high digit × 16 + low digit.
Tulokset ovat arvioita ja tarkoitettu vain yleiseen tiedoksi, eivätkä ne ole ammattilaisen neuvoja — varmista aina tärkeät tulokset itsenäisesti ennen kuin luotat niihin. Lue koko vastuuvapauslauseke.
Pikavastaus

Miten tämä laskin toimii?

Heksaväri muunnetaan RGB:ksi poistamalla "#", laajentamalla 3-numeroinen lyhennemuoto 6 numeroon ja lukemalla sitten jokainen heksanumeropari 16-kantaisena lukuna välillä 0–255 punaiselle, vihreälle ja siniselle. Nämä kolme arvoa muodostavat CSS-merkkijonon rgb(R, G, B), jota käytetään suoraan tyylitiedostoissa.

Kaava
R = hex[0:2]₁₆, G = hex[2:4]₁₆, B = hex[4:6]₁₆ → rgb(R, G, B)
How this is calculated

Syötä heksaväri joko 6-numeroisena koodina (#RRGGBB) tai sen 3-numeroisena lyhennemuotona (#RGB). Muunnin poistaa ensin etuliitteen "#". Jos vain kolme numeroa annetaan, jokainen numero kahdennetaan, joten #abc laajenee muotoon #aabbcc — tämä pitää lyhenne- ja täysmuodot visuaalisesti identtisinä.

Kuusi heksanumeroa jaetaan sitten kolmeen pariin. Jokainen pari on 16-kantainen (heksadesimaalinen) luku, joka jäsennetään 10-kantaiseksi kokonaisluvuksi välillä 0–255: R ensimmäisestä parista, G toisesta ja B kolmannesta. Koska kaksi heksanumeroa vaihtelee välillä 00–FF, jokainen kanava kuvautuu siististi CSS:n ja useimpien näyttöjärjestelmien käyttämään väliin 0–255.

Kolme kanava-arvoa kootaan CSS-merkkijonoksi muotoa rgb(R, G, B). Syöte validoidaan sisältämään vain merkit 0–9 ja a–f (kirjainkoosta riippumatta) ja olemaan tarkalleen 3 tai 6 numeroa "#":n poistamisen jälkeen; kaikki muu hylätään, joten et koskaan saa puoliksi jäsenneltyä väriä.

Usein kysytyt kysymykset

Ne kuvaavat samaa väriavaruutta. 3-numeroinen lyhennemuoto yksinkertaisesti toistaa jokaisen numeron, joten #f0c on identtinen muodon #ff00cc kanssa. Käytä lyhennemuotoa vain, kun jokainen kanava käyttää toistuvaa numeroa.

Ei. Heksanumerot A–F ja a–f edustavat samoja arvoja, joten #FF8800 ja #ff8800 muuntuvat samaksi muodoksi rgb(255, 136, 0).

Kaksi heksadesimaalinumeroa kattaa välin 00–FF, joka vastaa desimaalina väliä 0–255. Tämä 8-bittinen väli on jokaisen värikanavan vakiotarkkuus näytöillä.

Tunnetaan myös nimellä

hex rgb muunnin
heksa rgb muunnin
värikoodi muunnin
hex väri rgb
väri muunnin
css väri muunnin
heksaväri rgb

APA

TG we-Calculate Editorial Team. (2026). HEX-RGB-värimuunnin [Online calculator]. TG we-Calculate. https://we-calculate.com/fi/calculator/hex-to-rgb-color-converter

Chicago

TG we-Calculate Editorial Team. "HEX-RGB-värimuunnin." TG we-Calculate. 2026. https://we-calculate.com/fi/calculator/hex-to-rgb-color-converter.

IEEE

TG we-Calculate Editorial Team, "HEX-RGB-värimuunnin," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/fi/calculator/hex-to-rgb-color-converter

BibTeX

@misc{wecalculate_hex_to_rgb_color_converter, title = {HEX-RGB-värimuunnin}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/fi/calculator/hex-to-rgb-color-converter}}, year = {2026}, note = {TG we-Calculate} }

Oliko tästä laskimesta sinulle apua?

Aiheeseen liittyvät laskimet

RGB-HEX-värimuunnin

Muunna puna-, viher- ja siniarvot (0–255) #RRGGBB-heksakoodiksi sekä valmiiksi käytettäväksi CSS:n rgb()-merkkijonoksi.

Beginner

RGB-HSL-värimuunnin

Muunna RGB-värikanavat HSL:ksi (sävy asteina, kylläisyys ja vaaleus prosentteina) helpompaa värin säätöä varten.

Intermediate

WCAG-värikontrastisuhteen laskuri

Tarkista kahden heksavärin välinen kontrastisuhde ja täyttääkö se WCAG AA/AAA -vaatimukset normaalille ja suurelle tekstille.

Advanced

Gray-koodimuunnin (binääri ↔ Gray)

Muunna vakiobinäärin ja heijastetun Gray-koodin välillä, jossa peräkkäiset arvot eroavat tarkalleen yhdellä bitillä.

Intermediate

Acreage Calculator

Calculate the acreage of a rectangular, triangular or circular plot from its dimensions, with results in acres, sq ft, sq m and hectares.

Beginner

Acres to Hectares Converter

Convert acres to hectares (and to square meters, square feet, square miles) instantly using the exact international conversion factor.

Beginner