Culorile in HTML

postat acum 2 ani de Stefanescu Mihai in categorie HTML

Culorile sunt foarte importante pentru a design-ul site-ului tau. Cand discutam la nivel de pagina putem defini culoarea in tag-ul <body> sau putem seta culoarea in mod individual elementelor folosind atributul bgcolor.

Acest tag <body> are urmatoarele atribute:

  • bgcolor – seteaza culoarea de fundal a paginii
  • text – seteaza culoarea textului din pagina
  • alink – seteaza culoarea link-urilor active din pagina
  • link – seteaza culoarea link-urilor din pagina
  • vlink – seteaza culoarea link-urilor vizitate

 

Coduri de culoarea HTML

Avem 3 metode diferite de setat culori intr-o pagina web.

    • Numele culorii – puteti specifica numele unei anumite culori (ex: green, yellow, red, blue, etc)
    • Codul HEX – Un cod format din sase caractere (ex: #rrggbb – unde rr -red, gg – green si bb-blue)
    • Codul decimal sau procentual – Aceasta valoare este specificata folosind proprietatea rgb().

Numele Culorii HTML

Putem specifica direct numele culorii HTML. W3C are o lista de 16 culori de baza ce sunt valide din punct de vedere al HTML-ului dar sunt peste 200 de culori ce functioneaza foarte bine in aproape orice browser.

  black   gray   silver   white
  yellow   lime   aqua   fuchsia
  red   green   blue   purple
  maroon   olive   navy   teal

Codul HEX al culorii HTML

Un cod hexazecimal este format din 6 caractere, primele doua reprezentand valoare culorii rosii, apoi urmatoarele doua valoarea culorii verzi, iar ce-a din urma valoarea culorii albastre.

Acest cod hex poate fi preluat cu orice software grafic precum Adobe Photoshop, GIMP, Paintshop Pro, MS Paint, etc.

Codul hexazecimal are in fata un diez (#).

Codul hexazecimal are in fata un diez (#).

Culoare Cod HEX
  #000000
  #FF0000
  #00FF00
  #0000FF
  #FFFF00
  #00FFFF
  #FF00FF
  #C0C0C0
  #FFFFFF

Codurile RGB ale culorilor HTML

Acest tip de cod este specificat folosind proprietatea rgb(). Aceasta proprietate are 3 valori, red, green, blue. Aceste valori pot fi un numar intre 0 si 255 sau pot fi un procent.

Atentie: Nu toate browserele suporta proprietatea rgb().

Culoare Cod RGB
  rgb(0, 0, 0)
  rgb(255, 0, 0)
  rgb(0, 255, 0)
  rgb(0, 0, 255)
  rgb(255, 255, 0)
  rgb(0, 255, 255)
  rgb(255, 0, 255)
  rgb(192, 192, 192)
  rgb(255, 255, 255)

 

Sunt un tanar programator din Bucuresti ce lucreaza in PHP/Mysql (MySqli/PDO), Laravel, CodeIgniter, MySQL, PostgreSQL, Wordpress, HTML5/CSS3, Sass, Photoshop si multe altele.
Google+ Community Facebook Group
Acest articol a fost mutat de pe vechea platforma.
Pentru orice eroare aparuta la mutare va rog sa ma contactati!