Käyttämällä tätä sivustoa hyväksyt evästeiden käytön personoidulle sisällölle ja mainoksille. Lue lisää

RGB-HEX-muunnin

R:
G:
B:

Etsitkö muita värimuuntimia?

Kuinka muuntaa RGB HEX: ksi

Värien muuntaminen RGB: stä HEX: ksi on yhtä helppoa kuin niiden numeroarvojen muuntaminen desimaalista heksadesimaalilukujärjestelmään. RGB-värin (50, 168, 82) muuntamiseksi muutamme jokaisen luvun heksadesimaaliarvoksi:

                50  = 32
                168 = A8
                82  = 52
            
                RGB(50, 168, 82) = #32A852
            

Mikä on RGB

RGB tarkoittaa punaista, vihreää ja sinistä valonsävyä, jotka voidaan sekoittaa erilaisten värien luomiseksi. Se on tavallinen menetelmä kuvien tuottamiseksi TV-ruuduille, tietokonenäytöille ja älypuhelinten näytöille.

Tarkemmin sanottuna RGB on additiivinen värimalli, mikä tarkoittaa, että sinun on lisättävä sävyjä yhdessä uuden värin luomiseksi.

Kuvittele, että värit pinotaan päällekkäin:

RGB-värit

Merkintä: eri laitteet tuottavat erilaisia RGB-arvoja. Jokainen laite käyttää erilaista värien sekoitusteoriaa, mikä tarkoittaa, että RGB-värit eivät ole samat kaikissa laitteissa, ja ne tarvitsevat värinhallintaa samanlaisiksi.

RGB-värimallin värin kuvaamiseksi sinun on kerrottava, kuinka paljon punaista, vihreää ja sinistä tarvitaan.

Ilmoitat kuinka paljon punaista, vihreää ja sinistä tarvitaan käyttämällä RGB-triplettiä (R, G, B) missä kukin elementistä voi vaihdella nollasta määriteltyyn maksimiarvoon.

Jos kaikki elementit ovat nolla (0, 0, 0) - tulos on musta väri.

Jos kaikki elementit ovat enintään (255, 255, 255) - tulos on valkoinen väri.

Näiden numeroiden yhdistelmät muodostavat eri värejä (255, 255, 0) - tulos on keltainen väri

Tämä tunnetaan nimellä värisyvyys ja mitataan bitteinä.

Vuodesta 2018 lähtien melkein jokainen televisio, tietokone ja älypuhelimen näyttö käyttää 24-bittistä värisyvyyttä todellinen väri. Se tukee kahdeksaa bittiä kullekin kolmesta väristä tai yhteensä 24 bittiä.

Tämä tarjoaa 28 tai 256 punaisen, vihreän ja sinisen mahdolliset arvot:

                256 x 256 x 256 =  16,777,216 kaikki mahdolliset värit todellisessa väripaletissa
            

Mikä on heksadesimaali

Heksadesimaali kuvaa 16 symbolin muodostaman perus-16 numerojärjestelmän. Se käyttää lukuja 0-9 edustamaan lukuja 0-9 ja kirjaimia A - F edustamaan lukuja 10-15.

Sitä käytetään useimmiten tietojenkäsittelytieteessä ja matematiikassa keinona edustaa binaarikoodia ihmisen luettavassa muodossa.

Toisin kuin tietokoneet tai tutkijat, useimmat meistä käyttävät desimaalijärjestelmää. Se koostuu luvuista 0-9, ja se on tavanomainen tapa käyttää numeroita. Alamme oppia sitä esikoulussa ja käytämme sitä joka päivä:

                auto ajaa nopeudella 10 mph
                kissan paino 4kg
                kuukausi koostuu 30 päivästä
            

Nyt kun tiedämme eron heksadesimaalin ja desimaalin välillä, tutkitaan, miten voimme muuntaa yhdestä toiseen.

Kuten jo tiedämme, heksadesimaalilukujärjestelmässä numerot 0-9 edustavat 0-9 ja kirjaimet A - F edustavat 10-15 desimaalijärjestelmässä.

Heksadesimaali desimaaliksi muuntotaulukko

Tässä on perusteellinen taulukko, joka on hyvä selittämään muuntaminen heksadesimaaliluvuista desimaalilukuihin:

Kuinka muuntaa RGB HEX: ksi

RGB: n muuntamiseksi HEX: ksi sinun on muunnettava punainen vihreä ja sininen väriarvot desimaalista heksadesimaaliksi.

Esimerkki #1: muuntaa väri punainen (255, 0, 0) että HEX:

                R = 255 = FF
                G = 0 = 00
                B = 0 = 00
                HEX = #FF0000
            

Esimerkki #2: muuntaa väri vihreäksi (0, 255, 0) että HEX:

                R = 0 = 00
                G = 255 = FF
                B = 0 = 00
                HEX = #00FF00
            

Esimerkki #3: muuntaa väri sininen (0, 0, 255) että HEX:

                R = 0 = 00
                G = 0 = 00
                B = 255 = FF
                HEX = #0000FF
            

Esimerkki #4: muuntaa väri mustaksi (0, 0, 0) että HEX:

                R = 0 = 00
                G = 0 = 00
                B = 0 = 00
                HEX = #000000
            

Esimerkki #5: muuntaa väri valkoinen (255, 255, 255) että HEX:

                R = 255 = FF
                G = 255 = FF
                B = 255 = FF
                HEX = #FFFFFF
            

Bonus esimerkki #6: muuntaa väri kultaa (255, 215, 0) että HEX:

                R = 255 = FF
                G = 215 = D7
                B = 0 = 00
                HEX = #FFD700
            

Kuinka muuntaa HEX RGB: ksi

HEX: n muuntamiseksi RGB: ksi sinun on jaettava heksadesimaaliarvo kahden pariksi ja muunnettava se desimaaliluvuksi.

Esimerkki #1: muuntaa väri punainen #FF0000 että RGB:

                FF = 255
                00 = 0
                00 = 0
                RGB = (255, 0, 0)
            

Esimerkki #2: muuntaa väri vihreäksi #00FF00 että RGB:

                00 = 0
                FF = 255
                00 = 0
                RGB = (0, 255, 0)
            

Esimerkki #3: muuntaa väri sininen #0000FF että RGB:

                00 = 0
                00 = 0
                FF = 255
                RGB = (0, 0, 255)
            

Esimerkki #4: muuntaa väri mustaksi #000000 että RGB:

                00 = 0
                00 = 0
                00 = 0
                RGB = (0, 0, 0)
            

Esimerkki #5: muuntaa väri valkoinen #FFFFFF että RGB:

                FF = 255
                FF = 255
                FF = 255
                RGB = (255, 255, 255)
            

Bonus esimerkki #6: muuntaa väri kultaa #FFD700 että RGB:

                FF = 255
                D7 = 215
                00 = 0
                RGB = (255, 215, 0)
            

RGB: n ja Hexin ero

Kuten voimme nähdä yllä olevista esimerkeistä, tärkein ero RGB: n ja HEX: n välillä on se, että se käyttää erilaisia numerojärjestelmiä. RGB käyttää desimaalia, ja HEX käyttää heksadesimaalia.

Värien muuntaminen RGB: stä HEX: ksi on yhtä helppoa kuin niiden numeroarvojen muuntaminen desimaalista heksadesimaalilukujärjestelmään.

RGB vs HEX - mikä on parempi

Kokemuksemme ja tiimimme vuosien varrella havaitsemien tietojen mukaan heksadesimaalia käytetään useammin kuin RGB: tä erityisesti verkkokehityksessä ja verkkosuunnitteluteollisuudessa.

Ei kuitenkaan ole väliä mitä käytät, koska molemmat edustavat samaa väriä. Ainoa ehdotus - pysy johdonmukaisena.

Jos aloitat RGB: n käytön koko verkkoprojektissamme, pidä siitä kiinni. Jos aloitat HEXin käytön koko verkkoprojektissamme, yritä käyttää vain HEXiä

Tarvitsetko logon?

Tee kaunis logo tuotemerkkiäsi varten muutamassa minuutissa. Suunnittelijoita ei tarvita.