Culorile in HTML

Stefanescu Mihai Stefanescu Mihai HTML cu 5 ani în urmă
1 comentariu

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)

 


radiocci # cu 4 ore în urmă
<a href="http://www.csmfirm.net/air-jordan-6-infrarouge-low-nikev_fr">air jordan 6 infrarouge low</a> <a href="http://www.fromeaparty.net/nike-blazer-rosso-bronze-cheap_ro">nike blazer rosso bronze</a> <a href="http://www.marineclean.net/wholesale-tampa-bay-buccaneers-bucket-hat-hat_at">wholesale tampa bay buccaneers bucket hat</a> <a href="http://www.boredgourd.net/ray-ban-2140-original-wayfarer-54-large-sun_ca">ray ban 2140 original wayfarer 54 large</a> <a href="http://www.cotmanip.net/kobe-9-negro-blanco-gris-sports_no">kobe 9 negro blanco gris</a> <a href="http://www.dfmfit.net/nike-air-max-90-le-herre-grey-sort-sport-sko-kd_pt">nike air max 90 le herre grey sort sport sko</a> radiocci http://www.radiocci.com/
Folosim cookie-uri pentru a oferi functionalitatile critice ale aplicatiei Invata-Programare. Folosim cookie-uri si pentru a analiza traficul, pentru care e nevoie de consimtamantul dvs. explicit.