Grafica in culori RGB

Ecranele color moderne functioneaza cu culori de 24 biti, aceasta conditie fiind esentiala pentru formatul JPG. Avem un sistem grafic de 24 de biti, comun in cazul tuturor computerelor, potrivite pentru JPG si celelalte formate. Sistemul grafic se numeste RGB (Rosu, Verde, Albastru).

Acestea sunt culorile pe care le poate reda ecranul color. Toate punctele de imagine ale ecranului (pixeli) sunt defapt construite din trei punte colorate: unul rosu, unul verde si altul albastru. Culoarea unui pixel este rezultatul unei relatii intre intensitatea celor trei culori de baza, fiecare dintre ele putand fi ajustate pe o scara de la 0 la 255.

Cele 256 de niveluri pot fi descrise cu 8 biti de date. Numarul 2 la puterea 8 este egal cu 256. In acest moment, cei 8 biti de date pot descrie 256 tonuri de culoare. Astfel avem nevoie de 8 biti ca sa obtinem 256 tonuri de rosu, 8 biti pentru tonurile de verde si 8 biti pentru cele de albastru. Obtinem un total de 24 de biti de date pentru a forma culoarea unui pixel. RGB este un sistem color de 24 de biti!

Coduri RGB

Aici vroiam sa ajungem defapt. Este important sa cunosti si sa intelegi sistemul RGB cu codurile de culoare de 24 biti.

Cele mai importante 4 puncte legate de sistemul RGB pe care trebuie sa le stii:

• 1. Culoarea unui pixel este formata dintr-o combinatie a culorilor de baza: rosu, verde, albastru
• 2. Fiecare dintre aceste culori poate avea o adancime de culoare pe o scara de la 0 la 256
• 3. Cele trei culori se numesc culori primare, iar toate celelalte culori sunt o combinatie de culori primare
• 4. Adancimea fiecarei culori poate fi descrisa in mai multe feluri. Este important sa cunosti valorile hexazecimale!

Sa revenim la codurile noastre… este important sa cunosti doar principiile ce stau la baza constructiei lor, nu sa le memorezi.

Codul de culoare este scris sub forma unui sistem de numere hexazecimale. Acesta este un sistem de numere in care o cifra poate avea una din 16 valori: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E si F. Partea cea mai buna a acestui sistem este ca 16 x 16 = 256, iar acest numar se potriveste perfect sistemului de culori RGB, care are 256 de nuante din fiecare culoare de baza. Astfel putem identifica o valoare de culoare, care in sistemul de numere zecimale este intre 0 si 255, cu ajutorul a doar doua valori hexazecimale.

Sa exemplificam teoria…

Consideram culoarea corn flower blue. Codul de culoare RGB este realizat din trei perechi de valori hexazecimale, fiecare dintre ele putand sa ia valori cuprinse intre 00 si FF.

Valorile sunt formate din trei componente, fiecare dintre ele referindu-se la propriul sau canal RGB. Culoarea este reprezentata prin intermediul valorii hexazecimale #8695ED.

Valoare hexazecimala	Valoare zecimala	Culoare
64	100	O componenta rosu
95	149	Mai mult verde
ED	237	Cel mai mult albastru

Nuanta astfel obtinuta poate fi descrisa ca o culoare RGB(100, 149, 237), dar in cazul HTML se foloseste de obicei versiunea hexazecimala, mai compacta, #6495ED.

Mai multe exemple de coduri hexazecimale

C’ya next time!

Ti-a placut articolul Grafica in culori RGB?

Tweet

Ai nevoie de rezolvarea unei probleme la informatica?

Iti recomandam si urmatoarele articole:

• Cum sa afisezi textul in mai multe culori – C++
• Animatii jQuery pentru text