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.

Share this post:

Leave a Comment