Culorile in HTML

postat acum 4 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!

Comentariu postate de Marin la data de 28.06.2018
Cum sa fac sa scriu an culori web
Comentariu postate de fitflops sale clearance la data de 14.05.2019
I precisely needed to appreciate you again. I'm not certain the things I would've implemented in the absence of those advice shared by you about such subject. It was actually a real scary dilemma in my view, but understanding a well-written way you handled the issue forced me to cry for fulfillment. Now i'm happier for your advice and in addition have high hopes you know what a great job you are always putting in instructing men and women with the aid of your web blog. More than likely you have never encountered all of us.
Comentariu postate de minecraft free download pc la data de 14.05.2019
Hey there, You have done a great job. I will certainly digg it and personally suggest to my friends. I'm sure they will be benefited from this web site.
Comentariu postate de minecraft free la data de 15.05.2019
It's nearly impossible to find experienced people on this subject, but you seem like you know what you're talking about! Thanks
Comentariu postate de minecraft download free pc la data de 16.05.2019
I'm extremely impressed with your writing abilities and also with the layout in your weblog. Is this a paid theme or did you customize it your self? Anyway keep up the excellent high quality writing, it is rare to look a nice blog like this one today..
Comentariu postate de minecraft download mojang la data de 16.05.2019
Hi, I would like to subscribe for this webpage to obtain newest updates, thus where can i do it please assist.