4 – Culori in HTML

Deoarece am folosit culorile în lecţia precedentă, în cursul de astăzi vom vorbi în detaliu despre acestea.

În HTML, culorile sunt denumite după standardul RGB (red-green-blue , rosu-verde-albastru în română). Codul este format din 6 cifre, fiecare grup de câte două reprezentând cantitatea de roşu, albastru, respectiv verde.

Cantitatea din fiecare culoare variază între 0 şi 255, astfel încât avem 256x256x256 culori. Pentru a se evita un cod de 9 cifre, culorile nu sunt definite în baza 10 ci în baza 16.
Astfel, cifrele sunt 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f, unde a=10, b=11, c=12, d=13, e=14, f=15.

Rezultă peste 16 milioane de nuanţe de culoare, începând cu #000000 (negru), şi terminând cu #ffffff (alb).

Similar, când alegem o combinaţie cu aceeaşi cantitate de roşu, albastru şi verde, obţinem nuanţe de alb, negru şi gri. Mai jos, un tabel care exemplifică, din 8 în 8 nuanţe.gri. Mai jos, un tabel care exemplifica, din 8 in 8 nuante.

Nuante de gri	Cod HTML	Cod RGB
	#000000	rgb(0,0,0)
	#080808	rgb(8,8,8)
	#101010	rgb(16,16,16)
	#181818	rgb(24,24,24)
	#202020	rgb(32,32,32)
	#282828	rgb(40,40,40)
	#303030	rgb(48,48,48)
	#383838	rgb(56,56,56)
	#404040	rgb(64,64,64)
	#484848	rgb(72,72,72)
	#505050	rgb(80,80,80)
	#585858	rgb(88,88,88)
	#606060	rgb(96,96,96)
	#686868	rgb(104,104,104)
	#707070	rgb(112,112,112)
	#787878	rgb(120,120,120)
	#808080	rgb(128,128,128)
	#888888	rgb(136,136,136)
	#909090	rgb(144,144,144)
	#989898	rgb(152,152,152)
	#A0A0A0	rgb(160,160,160)
	#A8A8A8	rgb(168,168,168)
	#B0B0B0	rgb(176,176,176)
	#B8B8B8	rgb(184,184,184)
	#C0C0C0	rgb(192,192,192)
	#C8C8C8	rgb(200,200,200)
	#D0D0D0	rgb(208,208,208)
	#D8D8D8	rgb(216,216,216)
	#E0E0E0	rgb(224,224,224)
	#E8E8E8	rgb(232,232,232)
	#F0F0F0	rgb(240,240,240)
	#F8F8F8	rgb(248,248,248)
	#FFFFFF	rgb(255,255,255)

Pentru culori, o listă cu principalele nuanţe o poţi găsi pe situl w3schools.

Sper că ai înţeles ce reprezintă culorile şi cum trebuie introduse corect într-un document html. Nu te obosi să reţii codurile, le poţi găsi oricând pe internet, căutând HEX color codes sau html color codes.

Te poţi juca cu ele în codul anterior, experimentând diverse variante. Sau poţi aştepta să ne jucăm împreună, în lecţiile viitoare, cand revenim la clătitele noastre.