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