Kas otsite muid värvimuundureid?
Kuidas teisendada HEX RGB-ks
Värvide teisendamine HEX-st RGB-ks on sama lihtne kui nende arvväärtuste teisendamine kuueteistkümnendkohast kümnendarvude süsteemi. Kuusteist värvi teisendamiseks #32A852, jagasime koodi kaheks paariks 32 A8 52 ja teisendage iga paar kümnendarvuks:
32 = 50
A8 = 168
52 = 82
#32A852 = RGB(50, 168, 82)
Mis on kuueteistkümnendsüsteem
Kuueteistkümnendkoht kirjeldab baas-16 arvusüsteemi - arvusüsteemi, mis koosneb 16 sümbolist. See kasutab numbreid 0 kuni 9 numbrite 0 kuni 9 tähistamiseks ja tähti A kuni F numbrite 10 kuni 15 tähistamiseks.
Seda kasutatakse kõige sagedamini arvutiteadustes ja matemaatikas kui vahendit binaarkoodi kujutamiseks inimesele loetavas vormis.
Erinevalt arvutitest või teadlastest kasutab enamik meist kümnendsüsteemi. See koosneb numbritest 0 kuni 9 ja see on tavaline viis numbrite kasutamiseks. Hakkame seda õppima eelkoolis ja kasutame seda iga päev:
auto sõidab kiirusega 10 mph
kass kaalub 4kg
kuus tehakse 30 päeva
Mis on RGB
RGB tähistab punaseid, rohelisi ja siniseid valguse toone, mida saab erinevate värvide loomiseks segada. See on tavaline meetod piltide tootmiseks teleriekraanide, arvutimonitoride ja nutitelefonide ekraanide jaoks.
Täpsemalt öeldes on RGB lisavärvide mudel, mis tähendab, et erineva värvi loomiseks peate lisama toonid.
Kujutage ette värvide virnastamist üksteise peale:
Märge: erinevad seadmed toodavad erinevaid RGB väärtusi. Iga seade kasutab erinevat värvide segamise teooriat, mis tähendab, et RGB värvid ei ole kõigis seadmetes ühesugused ja nende väljanägemiseks on vaja värvihaldust.
Värvi kirjeldamiseks RGB värvimudelis peate ütlema, kui palju punast, rohelist ja sinist on vaja.
RGB kolmiku abil saate märkida, kui palju punast, rohelist ja sinist on vaja (R, G, B) kus kõik elemendid võivad varieeruda nullist määratletud maksimaalse väärtuseni.
Kui kõik elemendid on null (0, 0, 0) - tulemuseks on must värv.
Kui kõik elemendid on maksimaalsed (255, 255, 255) - tulemuseks on valge värv.
Nende numbrite kombinatsioonid moodustavad erinevad värvid (255, 255, 0) - tulemuseks on kollane värv
Seda tuntakse kui värvi sügavus ja seda mõõdetakse bittides.
Alates 2018. aastast kasutab peaaegu iga teleri, arvuti ja nutitelefoni ekraan 24-bitist värvisügavust tõeline värv. See toetab kaheksat bitti kõigi kolme värvi jaoks või kokku 24 bitti.
See annab 28 või 256 punase, rohelise ja sinise võimalikud väärtused:
256 x 256 x 256 = 16,777,216 võimalik värvide koguarv tõelises värvipaletis
Nüüd, kui teame erinevust kuueteistkümnend- ja kümnendkoha vahel, uurime, kuidas saaksime ühest teiseks teisendada.
Nagu me juba teame, tähistavad kuueteistkümnendsüsteemis numbrid 0–9 0–9 ja tähed A – F kümnendsüsteemis 10–15.
Siin on põhjalik tabel, mis aitab selgitada teisendamist kuueteistkümnendkohast kümnendarvuni:
Kuidas teisendada HEX RGB-ks
HEX teisendamiseks RGB-ks peate jagama kuueteistkümnendsüsteemi väärtuse kaheks paariks ja teisendama selle kümnendarvuks.
Näide #1: teisendada punane värv #FF0000 kuni RGB:
FF = 255
00 = 0
00 = 0
RGB = (255, 0, 0)
Näide #2: teisendada värv roheliseks #00FF00 kuni RGB:
00 = 0
FF = 255
00 = 0
RGB = (0, 255, 0)
Näide #3: teisendada sinine värv #0000FF kuni RGB:
00 = 0
00 = 0
FF = 255
RGB = (0, 0, 255)
Näide #4: teisendada värv mustaks #000000 kuni RGB:
00 = 0
00 = 0
00 = 0
RGB = (0, 0, 0)
Näide #5: teisendada värv valge #FFFFFF kuni RGB:
FF = 255
FF = 255
FF = 255
RGB = (255, 255, 255)
Boonus näide #6: teisendada värvi kuld #FFD700 kuni RGB:
FF = 255
D7 = 215
00 = 0
RGB = (255, 215, 0)
Kuidas teisendada RGB HEX-iks
RGB teisendamiseks HEXiks peate teisendama punase rohelise ja sinise värvi väärtused kümnendkohast kuueteistkümnendkohani.
Näide #1: teisendada punane värv (255, 0, 0) kuni HEX:
R = 255 = FF
G = 0 = 00
B = 0 = 00
HEX = #FF0000
Näide #2: teisendada värv roheliseks (0, 255, 0) kuni HEX:
R = 0 = 00
G = 255 = FF
B = 0 = 00
HEX = #00FF00
Näide #3: teisendada sinine värv (0, 0, 255) kuni HEX:
R = 0 = 00
G = 0 = 00
B = 255 = FF
HEX = #0000FF
Näide #4: teisendada värv mustaks (0, 0, 0) kuni HEX:
R = 0 = 00
G = 0 = 00
B = 0 = 00
HEX = #000000
Näide #5: teisendada värv valge (255, 255, 255) kuni HEX:
R = 255 = FF
G = 255 = FF
B = 255 = FF
HEX = #FFFFFF
Boonus näide #6: teisendada värvi kuld (255, 215, 0) kuni HEX:
R = 255 = FF
G = 215 = D7
B = 0 = 00
HEX = #FFD700
Hexi ja RGB erinevus
Nagu ülaltoodud näidetest näeme, on Hexi ja RGB peamine erinevus selles, et see kasutab erinevaid numbrisüsteeme. HEX kasutab kuueteistkümnend- ja RGB kümnendkohti.
Värvide teisendamine HEX-st RGB-ks on sama lihtne kui nende arvväärtuste teisendamine kuueteistkümnendkohast kümnendarvude süsteemi.
HEX vs RGB - kumb on parem
Meie kogemuste põhjal ja selle põhjal, mida meie meeskond on aastate jooksul täheldanud, kasutatakse kuueteistkümnendkohti RGB-d sagedamini, eriti veebiarenduses ja veebidisaini valdkonnas.
Siiski pole vahet, kumba kasutate, kuna mõlemad tähistavad sama värvi. Ainus ettepanek - püsige järjekindel.
Kui hakkate RGB-d kasutama kogu meie veebiprojekti juures, siis pidage sellest kinni. Kui hakkate HEX-i kasutama kogu meie veebiprojekti jooksul, proovige kasutada ainult HEX-i
