Šta je hex kod i kako ga koristiti

Šta je hex kod i kako ga koristiti
Rick Davis

U ovom članku ćete naučiti osnove hex koda i kako ga primijeniti.

Ako ste ikada koristili grafički softver, možda ste primijetili 6-cifreni  broj sa hashtag simbol na početku menija za odabir boja.

Broj se naziva heksadecimalni kod. Heksadecimalni kod je kod boje zasnovan na heksadecimalnom sistemu.

Pretpostavimo da uzorkujete određenu boju pomoću birača boja bilo kojeg softvera za dizajn. U tom slučaju, automatski prikazuje odgovarajući heksadecimalni kod i, u većini slučajeva, odgovarajuće RGB i HSB vrijednosti. Moguće je konvertovati heksadecimalni broj u vrednosti boja RGB, CMYK i HSB i obrnuto. Mnogi besplatni kalkulatori dostupni su na mreži za konverziju heksadecimalnih kodova boja.

Ako imate dostupan samo heksadecimalni kod boja, možete ga upisati u heksadecimalno dugme, a odgovarajuća boja će biti prikazana u polju za popunjavanje ili Stroke Well.

Izvor: Vectornator Color Panel

Heksadecimalni sistem

Navikli smo da računamo u decimalnom sistemu. Naš indoarapski brojevni sistem koristi deset simbola za označavanje cifara (od 0 do 9). Heksadecimalni sistem, s druge strane, sadrži šesnaest cifara. Od sredine 1950-ih, slova od A do F ili od a do f se koriste kao numerički simboli za predstavljanje šest dodatnih cifara. Ovo se vraća u praksu IBM-ovih kompjuterskih naučnika u to vrijeme.

Riječ heksadecimalnojesastavljena od pojmova Hexai Decem.

Hexa dolazi iz grčkog i znači "šest", dok je Decem latinska riječ za "deset". Dakle, heksadecimalni sistem je sistem mesnih vrednosti koji predstavlja brojeve sa osnovom od 16. To znači da heksadecimalni sistem brojeva koristi 16 različitih cifara. Drugim riječima, postoji 16 mogućih simbola cifara - za razliku od dva u binarnom sistemu (1 i 0) ili deset u decimalnom sistemu (0 do 9).

Heksadecimalni sistem se koristi u računarskoj tehnologiji i olakšava čitljivost velikih brojeva ili nizova dugih bitova. Oni su grupirani u četiri bita svaki i pretvoreni u heksadecimalne brojeve. Rezultat: dug niz jedinica i nula postaje kraći heksadecimalni brojevi, koji se mogu podijeliti u grupe od po dva ili četiri. Dakle, heksadecimalni brojevi su kompaktniji oblik predstavljanja nizova bitova.

Veliki binarni brojevi imaju nedostatak što su vrlo zbunjujući. Da bi se ovo popravilo, uveden je heksadecimalni sistem. Ovdje se 4 bita dvojnog broja zamjenjuju heksadecimalnim znakom. Budući da 4-bitni dvojni broj može imati 16 stanja, ali znamo samo deset decimalnih brojeva, šest slova je dodato u heksadecimalni brojevni sistem.

Heksadecimalne vrijednosti su osnova 16 umjesto baze 10:

0 , 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

Slova A, B, C, D, E i F izjednačavaju dodatne vrijednosti.

TheHeksadecimalna definicija boje

Heksadecimalni kodovi boja su vrijednosti koda koje predstavljaju vrijednosti boja od 0 do 255.

Ako su crvena, zelena i plava na minimalnoj 0 (u kodu predstavljene kao “00”), izražena boja je crna boja. Ako su crvena, zelena i plava sve na maksimalno 255 (predstavljeno kao “ff” u kodu), izražena boja je bijela boja.

Da biste precizno dodijelili boju u kompjuterski podržanom grafičkom dizajnu, predstavljen je šestocifrenim heksadecimalnim kodom zasnovanim na RGB modelu . Prva dva broja predstavljaju crvenu boju, a zatim zelenu i plavu. Svaka nijansa je pomešana od ove tri osnovne boje. Numeričke vrijednosti su podijeljene na 255 dijelova i preko 16 miliona boja. Puna nijansa osnovne boje ima vrijednost 255, što odgovara heksadecimalnom kodu "FF". Vrijednost boje "0" označava da osnovna boja nije uključena. Budući da je čista bijela rezultat digitalne mješavine boja crvene, zelene i plave, ova boja ima heksadecimalno kodiranje  #FFFFFF. Za crvenu boju, heksadecimalni kod  #FF0000 je izveden na ovoj osnovi.

Vidi_takođe: Kako napraviti prozirnu pozadinu u Illustratoru

Slika na lijevoj strani: Heksadecimalni kod: #FFFFFF Slika na desnoj strani: Heksadecimalni kod: #FF0000

Sistem heksadecimalne definicije boja nalazi svoju primenu u mnogim oblastima kompjuterski potpomognutog dizajna. U ovom sistemu, boja je predstavljena sa tri uzastopna heksadecimalna broja, od kojih svaki predstavlja boju RGB boje.prostor. RGB je skraćenica za proporcije primarnih boja crvene, zelene i plave u mješovitoj boji.

Heksadecimalna definicija boje obično je u šestocifrenom obliku, tj. kao niz od tri heksadecimalna broja , svaka napisana sa dvije cifre, prema šemi: #RRGGBB, koja dozvoljava po oktetu 2 8 {\displaystyle 2^{8}} 2^{8}} (= 256) različita stanja se mogu definirati - od 0 za potpuno "isključena" boja i 255 (FF) za 100% zasićenost boja.

Hex vrijednosti boja mogu prikazati više od 16 miliona različitih boja.

Može biti od pomoći zapamtiti nekoliko češće heksadecimalne boje. Ovo znanje bi moglo biti od koristi ako dizajnirate sa koderom u hodu.

Hex boja i alfa kanal

Općenito, alfa kanal ima odvojene kontrole u grafičkom softveru i ne ometa šestocifreni HEX kod. Prikazujete vrijednost boje koja se nalazi u 6-cifrenom heksadecimalnom kodu, ali alfa je često organizirana s posebnim klizačem koji ne utiče na 6-cifreni heksadecimalni kod. 6-cifreni HEX kod kontrolira samo prikazanu boju. Ako želite promijeniti alfa vrijednost, morat ćete koristiti zasebni klizač alfa kanala u biraču boja ili prostor klizača boja u Vectornatoru.

Ipak, općenito je tehnički moguće implementirati alfa vrijednost direktno u HEX kod. Sa CSS hex kodovimaf.ex, alfa vrijednost se može dodati. Korištenje alfa vrijednosti za ažuriranje prozirnosti boje promijenit će format heksadecimalnog koda sa 6 cifara #RRGGBB na 8 cifara #RRGGBBAA.

Slika s lijeve strane: Hex kod: #FFFFFF Slika s desne strane: Hex kod: #FF0000

Vidi_takođe: Primijenite sjenu u dizajnu

Fotografija na naslovnici Pierre Bamin na Unsplash-u.




Rick Davis
Rick Davis
Rick Davis je iskusni grafički dizajner i vizualni umjetnik s više od 10 godina iskustva u industriji. Radio je sa različitim klijentima, od malih startupa do velikih korporacija, pomažući im da postignu svoje dizajnerske ciljeve i podignu svoj brend kroz efektne i upečatljive vizuale.Diplomirao na Školi vizualnih umjetnosti u New Yorku, Rick je strastven u istraživanju novih trendova i tehnologija u dizajnu, te stalno pomjera granice onoga što je moguće u ovoj oblasti. Ima duboku stručnost u softveru za grafički dizajn i uvijek je željan podijeliti svoje znanje i uvide s drugima.Osim što radi kao dizajner, Rick je također posvećeni bloger i posvećen je pokrivanju najnovijih trendova i razvoja u svijetu softvera za grafički dizajn. On vjeruje da je dijeljenje informacija i ideja ključno za poticanje snažne i živahne dizajnerske zajednice i uvijek je željan da se poveže s drugim dizajnerima i kreativcima na mreži.Bilo da dizajnira novi logo za klijenta, eksperimentiše sa najnovijim alatima i tehnikama u svom studiju, ili piše informativne i zanimljive postove na blogu, Rick je uvijek predan isporuci najboljeg mogućeg rada i pomaganju drugima da postignu svoje dizajnerske ciljeve.