Siirry sisältöön
Sähköpostiallekirjoitusgeneraattori päivitetty – tutustu uusiin ominaisuuksiin työkalut
Arteon - yrityksen logo
#MadeWithNext.js
Arteon logo

Ilmaisia työkaluja web-kehittäjille, suunnittelijoille ja markkinoijille.

Työkalut

  • Kuvaeditori
  • Favicon-generaattori
  • Meta-otsikon ja -kuvauksen tarkistus
  • Sana- ja merkkilaskuri
  • Lorem Ipsum -generaattori
  • Sähköpostiallekirjoitusgeneraattori
  • Värikontrastin tarkistus
  • Värien poiminta kuvasta
  • Väripalettien generaattori

Työkalut

  • Ilmainen QR-koodigeneraattori
  • pt px:ksi
  • rem px:ksi
  • em px:ksi
  • cm px:ksi
  • mm px:ksi
  • tuumat px:ksi
  • DPI PPI:ksi
  • HEX RGB:ksi

Työkalut

  • RGB HSL:ksi
  • RGB CMYK:ksi
  • tavut KB/MB/GB:ksi
  • Unix päiväksi
  • DEC BIN:ksi
  • DEC HEX:ksi
  • Mbps MB/s:ksi
  • vw px:ksi
  • Tailwind CSS px:ksi

Työkalut

  • JPG WebP
  • PNG WebP
  • WebP JPG
  • WebP PNG
  • PNG JPG
  • JPG PNG
  • SVG PNG
  • BMP JPG
  • JPG AVIF

Oikeudelliset asiakirjat

  • Tietosuojakaytanto
  • Kayttoehdot
© 2026 Arteon. Kaikki oikeudet pidätetään.#MadeWithNext.js

HEX RGB:ksi

Tämä muunnin laskee välittömästi. Syötä arvo ja tulos näkyy heti.

  1. /Työkalut
  2. /HEX RGB:ksi
Loading tool editor...
HEX RGB:ksi – Arteon

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

  1. 1. Syötä arvo

    Kirjoita luku syöttökenttään. Voit käyttää pistettä tai pilkkua.
  2. 2. Lue tulos

    Muunnoksen tulos näkyy välittömästi viereisessä kentässä – ilman napsautusta.
  3. 3. Kopioi tai käännä

    Napsauta Kopioi tulos tai käytä Käännä-painiketta.

Milloin tämä muunnin on hyödyllinen?

  1. Web-kehitys

    Muunna #3B82F6 muotoon rgb(59, 130, 246) tyylitiedostoissa.
  2. Värienhallinta

    Värien vienti Figma/Sketchistä CSS-arvoiksi.
  3. Saavutettavuus

    WCAG-kontrastilaskenta vaatii RGB-arvoja.
  4. Väripaletit

    Yksittäisten kanavien (R, G, B) muokkaus varianttien luomiseksi.

Mikä tekee tästä muuntimesta erityisen?

  1. Täysi tietosuoja

    Kaikki laskelmat tehdään paikallisesti selaimessasi. Mitään tietoja ei lähetetä palvelimelle.
  2. Reaaliaikaiset tulokset

    Tulos päivittyy välittömästi kirjoittaessasi – ei tarvitse napsauttaa mitään.
  3. Kaksisuuntainen muunnos

    Käännä-painikkeella voit muuntaa kumpaankin suuntaan yhdellä napsautuksella.
  4. 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

HEX vs RGB – vertailu
OminaisuusHEXRGB
Muoto#RRGGBBrgb(R, G, B)
Arvot00–FF (hex)0–255 (decimal)
Läpinäkyvyys8-digit (#RRGGBBAA)rgba(R, G, B, A)
Lyhenne#RGB (3 digits)Ei lyhennettä
KäyttöCSS, suunnittelutyökalutCSS, 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

pt px:ksirem px:ksiem px:ksicm px:ksimm px:ksituumat px:ksiDPI PPI:ksiRGB HSL:ksiRGB CMYK:ksitavut KB/MB/GB:ksiUnix päiväksiDEC BIN:ksiDEC HEX:ksiMbps MB/s:ksivw px:ksiTailwind CSS px:ksi

Usein kysytyt kysymykset

Muunna jokainen hex-pari desimaaliksi. #FF5733: FF=255, 57=87, 33=51 → rgb(255, 87, 51).

Kyllä. Kaikki laskelmat suoritetaan selaimessasi.

HEX RGB:ksi – Arteon

Auta meitä parantamaan työkalujamme

Onko sinulla idea, löysitkö virheen tai haluatko ehdottaa ominaisuutta? Kirjoita meille – vastaamme 24 tunnin kuluessa.