RGB-HEX muundur

Kas otsite muid värvimuundureid?

Kuidas teisendada RGB HEX-iks

Värvide teisendamine RGB-st HEX-i on sama lihtne kui nende arvväärtuste teisendamine kümnendkohast kuueteistkümnendsüsteemi. RGB-värvi (50, 168, 82) teisendamiseks teisendame iga numbri kuueteistkümnendarvuks:

                50  = 32
                168 = A8
                82  = 52
            

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

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 2⁸ 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
            

Mis on kuueteistkümnendsüsteem

Kuueteistkümnendkoht kirjeldab 16 sümbolist koosnevat baas-16 numbrisüsteemi. 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
            

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

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)
            

RGB ja Hex erinevus

Nagu ülaltoodud näidetest näeme, on RGB ja HEXi peamine erinevus selles, et see kasutab erinevaid numbrisüsteeme. RGB kasutab kümnendkohti ja HEX kasutab kuueteistkümnendkohti.

Värvide teisendamine RGB-st HEX-i on sama lihtne kui nende arvväärtuste teisendamine kümnendkohast kuueteistkümnendsüsteemi.

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