RGB HEX:ksi

Syota punaisen, vihrean ja sinisen lukusi, niin saat takaisin vastaavan HEX-koodin sekunneissa - taydellinen verkkoon.

RGBrgb(59, 91, 219)
HSLhsl(228, 69%, 55%)

Tietoa RGB HEX:ksi -muuntimesta

RGB kuvaa varin kolmella luvulla valilta 0-255 - yksi kullekin punaiselle, vihrealle ja siniselle. Tama tyokalu pakkaa nama luvut kuusinumeroiseksi HEX-koodiksi, joten rgb(52, 152, 219):sta tulee #3498db. HEX on tiivein tapa kirjoittaa vari HTML:ssa ja CSS:ssa, ja sita useimmat editorit ja tyylioppaat kayttavat.

Nain kaytat sita

  • Syota punaisen, vihrean ja sinisen arvosi, kukin valilta 0-255.
  • Lue vastaava kuusinumeroinen HEX-koodi sen #-etuliitteen kanssa.
  • Liita se suoraan CSS-, HTML- tai suunnittelutiedostoosi.

Jokainen kanava muunnetaan kaksinumeroiseksi heksadesimaalipariksi ja taytetaan nollilla, joten arvosta kuten 5 tulee 05 yksittaisen numeron sijaan. Tama on HEX RGB:ksi -muunnoksen kaanteinen ja hyodyllinen, kun kuvakaappaustyokalu tai varivalitsin ilmoittaa arvot tavallisina lukuina, mutta tyylitiedostosi haluaa HEX-literaalin. Arvot rajataan kelvolliselle alueelle 0-255, ja kaikki lasketaan selaimessasi lataamatta mitaan.

Usein kysytyt kysymykset

Miten muutan RGB-arvot HEX-koodiksi?

Muunna kukin punaisen, vihrean ja sinisen luku (0-255) kaksinumeroiseksi heksadesimaaliarvoksi ja yhdista ne siina jarjestyksessa #-merkin peraan. Esimerkiksi 52, 152, 219 muuttuu muotoon #3498db.

Mita tapahtuu, jos syotan arvon yli 255?

RGB-kanavat kulkevat vain valilla 0-255, joten alueen ulkopuoliset luvut rajataan tahan alueeseen ennen kuin HEX-koodi tuotetaan.

Miksi HEX-koodissa on aina kuusi numeroa?

Jokainen kanava taytetaan kahteen heksadesimaalinumeroon, joten pieni arvo kuten 5 kirjoitetaan muodossa 05. Nain koodi pysyy yhtenaisesti kuuden merkin mittaisena, jonka CSS tunnistaa.

Kasitellaanko syotteeni paikallisesti?

Kylla. Muunnos toimii selaimessasi, joten syottamiasi RGB-arvoja ei laheteta koskaan palvelimelle.

Aiheeseen liittyvät työkalut