Kada je riječ o prskanju boja na ekranu, postoji nekoliko načina da se to učini kodiranjem. Hex, RGBA i HSLA su tri najčešće korištena sustava kodiranja u boji.
Možda ste se u prošlosti susretali sa RGB i heksadecimalnim kodovima, ali HSL, iako je ljudski čitljiviji, možda još nije na vašem radaru. Svaki način pisanja boja ima smisla u različitim situacijama, a sve što je potrebno je osnovno razumijevanje svake vrste kako biste napravili pravi izbor. Ovdje ćemo objasniti razliku između RGB, HEX i HSL.
Što je RGB (crvena, zelena, plava)
Ima smisla započeti s RGB vrijednošću, jer Crvena, zelenai plava postoje tri boje koje zaslon mogu koristiti za proizvodnju gotovo bilo koje druge boje. To se postiže “aditivnim miješanjem boja”, ali ne morate proučavati to znanje da biste razumjeli RGB.

rgb (255, 0, 0) je crvena, jer je R maksimiziran. Ako postavite G ili B na 255, dobit ćete potpuno zelenu ili plavu boju. Sve podesite na 255 odjednom i dobit ćete bijelu boju (zbroj svih boja), a crnu nulirajte na nuli. Ako dodate četvrtu vrijednost (alfa kanal, unesite 0 do 1) Možete dobiti i transparentnost: rgba (0, 0, 0,.5) prevodi na srednje prozirnu crnu.
Jednostavno, da, ali zapravo nije tako pametno. RGB ravnoteža može se malo promijeniti, čak i ako se promijeni samo ton boje, što čovjeku čini vrlo teško napraviti ručna podešavanja bez nekakvog RGB generatora (kojih ima na sreću puno).
Što je heksadecimalni kod boje?
Hex je drugačiji način pisanja RGB vrijednosti. Nešto poput # 6a79f7 (vlaknoplava) preslikava izravno u RGB (106, 121, 247). 6. je Crvena79 je zelenai f7 su plava,
Prvo biste to trebali znati u sistema Šesterokutna boja, slova “a-f” predstavljaju brojeve od deset do petnaest. Drugo, on je šesterokutni, što znači da je sve u osnovi. 16. 21 je 2 * 10+ 1 u bazi 10, ali će se pretvarati šestnaestorica 2 * * 16 + 1, Jednostavno pomnožite prvi broj sa 16 i dodajte drugi broj, to je jednostavno tako! 6a = 6 * * 16 + 10 ili 106. 79 = 7 * * 16 + 9 ili 121.
Iako je matematika zabavna, čovjeku to sigurno čini još bolniji od RGB-a, iako ih je lako kopirati i lijepiti fantastičnim kombinacijama slova i brojeva.
Također možete dodati transparentnost heksadecimalnom kodu tako što ćete na početku staviti vrijednost jednaku postotku od 255, kao što je: # 806a79f7. 80 u heksadecimalnoj vrijednosti = 126, što je oko 50% maksimalne vrijednosti 255.
Što je HSL (nijansa, zasićenost, lakoća)
HSL je manje ili više dizajniran za čitljivost ljudi i postaje sve popularniji, posebno kao alternativa RGB. Djeluje ovako:
Boja označava boju i koristi ocjenu na kolu s bojama kako bi vam rekao u koju je boju odjeven. Ako znate kotačić s bojom i položaj ovih glavnih boja, trebali biste moći reći da će 45 izgledati narančasto, a 270 izgledati ljubičasto samo razmišljajući o tome na trenutak.
- 0 = red60 = yellow120 = green180 = cyan240 = blue300 = magenta
zasićenje u osnovi koliko su šarene boje zasićenje 0% znači da će boja biti samo siva, dok 100% znači da će pokazati punu snagu. Ako želite isključiti njenu boju ili je učiniti malo više pop, možete promijeniti ovu vrijednost.
reljef govori vam koliko je tamna ili svijetla boja. 0% Svjetlina znači da će njegova boja biti crna, bez obzira na postavku nijanse ili zasićenosti, a 100% svjetlina čini je bijelom. Kao što ste možda pogodili, 50% vam daje najprecizniju boju.
S tim informacijama trebali biste moći odmah znati što hsl (0, 100%, 50%). Samo crveno! Želite li tamniju i bogatiju crvenu? Isprobajte 0, 70%, 40%. Možda želite, ali u plavom? Promijenite ga 0 Do 240 i imate ga! Također ima transparentnost: djeluje kao RGB: samo dodajte četvrtu vrijednost (unesite 0 i 1), poput: hsla (240, 70%, 40% ,.5)
HSV / HSB i HSI
Od? Više modela u boji? Kad je to kraj? Za većinu ljudi koji rade s bojama na računalu to je gotovo. Hex, RGB i HSL daleko su najčešći načini razlikovanja boja. Međutim, ako se nalazite u polju koje uključuje mnogo slika i boja, poput grafičkog dizajna ili strojnog učenja slika, možda ćete upoznati ljude koji koriste jedan od tih više ezoteričnih modela u boji ili čak jedan od drugih koji to ne čine. ovdje navedeni. ,
HSB označava “Svjetlost zasićenja nijanse”, a HSV znači vrijednost Hue saturation. Zapravo, to su samo različita imena za isti model, a njihova najveća razlika HSL-u je kako definiraju zasićenje. HSI (Hue Saturation Intensity) ima neke manje razlike u odnosu na HSB / HSV, ali se ne koristi mnogo, tako da ga vjerojatno nećete vidjeti često u divljini.
Koji model boje trebam koristiti?
Općenito, odabir modela u boji prilično je mala dizajnerska odluka, ali dobre stvari se donose s mnogim malim odlukama. Općenito, šesterokutni koda olakšava kopiranje i dobri su u situacijama kada ljudi možda nisu previše upleteni. RGB / RGBA vrijedi pročitati i najbolje je koristiti kad bi bilo bolje kada bi ljudi ponekad mogli promijeniti transparentnost. Ako čovjek mora ručno mijenjati boje, koristi HSL / HSLA. Također, ovo je više stvar preferencije, iako su ljudi iz HSL tima skloni pametnijima i izgledaju bolje.
Kreditna slika: HSL cilindra u punoj boji siva, aditivna boja, XTerm tablica boja, HSL i HSV, Munsell 1943
Je li vam ovaj članak bio od pomoći? Da Ne