HEX-RGB-muunnin

Etsitkö muita värimuuntimia?

Kuinka muuntaa HEX RGB: ksi

Värien muuntaminen HEX: stä RGB: ksi on yhtä helppoa kuin niiden numeroarvojen muuntaminen heksadesimaaliluvuista desimaalilukuihin. Heksavärin muuntamiseksi #32A852, jaamme koodin kahden pariksi 32 A8 52 ja muuntaa kukin parista desimaaliarvoksi:

                32 = 50
                A8 = 168
                52 = 82
            

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

Mikä on heksadesimaali

Heksadesimaali kuvaa perus-16-numerojärjestelmää - numeerista järjestelmää, joka koostuu 16 symbolista. 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ä
            

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:

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 2⁸ tai 256 punaisen, vihreän ja sinisen mahdolliset arvot:

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

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ä.

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

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)
            

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
            

Hexin ja RGB: n välinen ero

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

Värien muuntaminen HEX: stä RGB: ksi on yhtä helppoa kuin niiden numeroarvojen muuntaminen heksadesimaaliluvuista desimaalilukuihin.

HEX vs RGB - 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ä