Kas yra šešioliktainis kodas? Viskas, ką reikia žinoti

Darbas su spalvomis HTML yra gana paprastas. Naudodami keletą paprastų CSS deklaracijų galite pakeisti bet kurio tinklalapio teksto ar fono spalvą. Bet kaip nurodyti spalvą? Atsakymas į šį klausimą nuves mus į triušio skylę, kuri galiausiai atves prie šešioliktainių spalvų kodų koncepcijos.

Jei anksčiau dirbote su HTML arba CSS, tikriausiai girdėjote terminą šešioliktainis kodas. Bet kas tiksliai yra šešioliktainis kodas? Kokie yra šešioliktainių kodų pavyzdžiai? Kuo skiriasi šešioliktainis kodas nuo RGB spalvų kodo?

Kas yra šešioliktainis kodas?

Kai pirmą kartą pradedate dirbti su spalvomis, galite naudoti grafinę sąsają, kad pasirinktumėte spalvas, kurios bus taikomos jūsų puslapio elementams. Kai pradedate žiūrėti į pagrindinį kodą, o ne tik į grafinį redaktorių, pamatysite, kad spalvos atrodo kaip keistai atrodančios simbolių sekos. Tokios sekos žinomos kaip šešioliktainiai kodai; jie atrodo maždaug taip:

#FF0092

Susijęs: Pagrindiniai grafinio dizaino terminai, kuriuos reikia žinoti

CSS spalvas galite nurodyti keliais skirtingais būdais. Galite naudoti kai kurių iš anksto nustatytų spalvų pavadinimus, pvz.,

raudona ir tamsiai purpurinė. Tačiau norėdami nurodyti tikslius spalvų atspalvius, turėsite naudoti tikslesnį matavimą: kažką skaitinio.

CSS siūlo dvi pagrindines parinktis: RGB ir hex. Abiejuose formatuose nurodote raudonos, žalios ir mėlynos spalvos kiekius, kurie sudaro galutinę spalvą. RGB naudoja tris skaičius nuo 0 iki 255. Hex daro lygiai tą patį, tik su skirtingu pagrindu (16) nei dešimtainis (10), prie kurio esate įpratę.

Hex naudoja raides A-F, be skaitmenų 0-9, iš viso 16 simbolių. A šešioliktaine išraiška atitinka 10 dešimtainių skaičių. F šešioliktaine išraiška yra 15 dešimtainių skaičių.

Kaip veikia šešiakampiai spalvų kodai?

Paprasčiausia šešioliktainis kodas parodo, kiek raudonos, žalios ir mėlynos spalvos yra. Šešioliktainis kodas susideda iš šešių simbolių. Pirmieji du yra susiję su raudonos spalvos kiekiu mišinyje, kiti du susiję su žalios spalvos kiekiu, o paskutiniai du skaitmenys rodo mėlynos spalvos kiekį. Šešioliktainiai kodai nurodo konkrečias spalvas, todėl dizaineriai ir kūrėjai gali lengvai bendrauti apie spalvų schemas.

Kai kiekvienam spalvos komponentui yra 16 × 16 (256) reikšmių, yra 256 × 256 × 256 galimi deriniai. Šešiakampyje jie svyruoja nuo #000000 (grynai juoda) iki #FFFFFF (grynai balta).

Kaip skaityti šešioliktainius spalvų kodus

Lengva suprasti šešioliktainių spalvų kodus. Paimkime #FF5733 pavyzdį. Pirmiausia padalinkite šešis simbolius į tris dalis, kurių kiekvienoje yra po du simbolius. Kaip žinote, pirmosios dvi dalys žymi raudoną spalvą, antrosios dvi – žalią, o trečiosios dvi dalys – mėlyną. Taigi, mūsų pavyzdyje:

• Raudonasis komponentas RR turi reikšmę FF.
• Žalias komponentas GG yra 57.
• Mėlynas komponentas BB yra 33.

Dabar, norėdami sužinoti šių spalvų segmentų intensyvumą, turite apskaičiuoti šešioliktainį skaičių, atlikdami šiuos tris veiksmus:

1. Padauginkite pirmąjį šešioliktainį RR simbolį iš 16. Jei simbolis yra raidė, konvertuokite ją į atitinkamą reikšmę. Šiuo atveju pirmasis simbolis yra F, kuris yra 15. Taigi, mūsų pavyzdyje, jūs dauginate 15 × 16, kuris yra lygus 240.
2. Tada pridėkite antrąjį RR simbolį. Vėlgi, jei reikia, konvertuokite raidę į atitinkamą reikšmę. Mūsų pavyzdyje antrasis simbolis yra F, kuris lygus 15.
3. Baigę pridėkite bendras sumas, kad gautumėte vieną vertę. Jei pridėsite 240 ir 15 iš mūsų pavyzdžio, pamatysite, kad FF vertė yra 255.

Pakartokite tą pačią formulę likusiems dviem segmentams: GG žymimas 57 ir BB žymimas 33. Jei rankiniai skaičiavimai atrodo pernelyg sudėtingi, visada galite naudoti šešioliktainį į RGB konvertavimo įrankį (pvz., BinaryHex konverteris) norėdami perskaityti spalvą. Turėtumėte sužinoti, kad šešioliktainė vertė #FF5733 yra lygiavertis rgb (255, 87, 51).

Kodėl šešioliktainis spalvų kodas toks populiarus?

Nors yra keletas skirtingų spalvų modelių (RGB, CMYK, HSL), šešioliktainiai spalvų kodai yra bene plačiausiai naudojami atvaizdai. Taip yra todėl, kad jie yra paprasti ir lengvai suprantami.

Fiksuoto pločio formatas taip pat labai naudingas. Viso ilgio šešioliktaines spalvas visada sudaro septyni simboliai, įskaitant pagrindinį # simbolis.

Hex spalvos yra labai veiksmingos, naudojant tik šiuos septynis simbolius, kad būtų galima pavaizduoti daugiau nei 16 milijonų spalvų. Ir atskirti šias spalvas yra paprastas procesas.

Hex vs. RGB: ar yra koks nors skirtumas?

RGB spalvų kodavimo sistema naudoja tris dešimtainius skaičius, nurodančius santykinį raudonos, žalios ir mėlynos spalvos intensyvumą. Jis naudoja skaitmenis nuo 0 iki 9.

Hex taip pat naudoja tris skaičius, žyminčius raudoną, žalią ir mėlyną, tačiau naudoja papildomus skaitmenis (A-F), kad atitiktų 16 bazę. Gautos spalvos nesiskiria, tai tiesiog skirtingi formatai, skirti perduoti tą pačią informaciją.

Susijęs: CSS pagrindai: darbas su spalvomis

Kam naudojamas šešioliktainis kodas?

RGB naudoja įvairios programos – nuo ​​televizorių ekranų iki mobiliųjų įrenginių, žaidimų ir ženklų. Šešioliktainius spalvų kodus daugiausia matysite interneto dizaino ir kitose grafikos programose.

Taip pat galite matyti šešioliktainius kodus kaip universalų spalvų identifikavimo būdą. Daugelis svetainių juos naudoja konkrečiai spalvai nustatyti, nes jos yra trumpos ir paprastai nedviprasmiškos kontekste.

Šešioliktainis spalvų kodas nėra raketų mokslas

Taigi, jūs turite šešioliktainių spalvų kodų pagrindus. Jie nėra visiškai sunkus mokslas, tačiau jie tarnauja tam tikram dizainui (ir technologijų pasaulyje). Jei ieškote įrankio, kuris padėtų suprasti, kaip veikia šešiakampės spalvos, arba įrankio, kuris išmokytų jus apie RGB mišinio teoriją, internete yra daugybė. Atminkite, kad norint išmokti ko nors naujo, svarbiausia yra žengti vieną žingsnį vienu metu.

Šešioliktainiai spalvų kodai nėra pats įdomiausias dalykas pasaulyje, tačiau labai svarbu juos suprasti, jei dirbate interneto dizaino srityje. Galimybė dirbti su šešiabriauniais spalvų kodais labai palengvins dizaino darbą.

Kaip rasti bet kurios ekrano spalvos šešioliktainę vertę

Sužinokite, kaip per kelias sekundes pasirinkti bet kokią ekrano spalvą. Ypač naudinga interneto dizaineriams!

Skaitykite toliau

Apie autorių