Culorile in HTML

Stefanescu Mihai 2 years ago HTML
Acest articol face parte din cursul Toate lectiile HTML. Te poti inscrie la acest curs aici!

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

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)


Programator de ~8 ani, am lucrat la proiecte din mai multe industrstrii, de la eCommerce la telecomunicatii la automatizari. In acest timp am folosi diferite tehnologii, de la PHP, MySQL, PostgreSql, RabbitMq, Redis, Memcached si altele.

Get in touch
Pentru nelamuriri, dubii, comentarii si chestii de pe suflet ne putem auzi pe Discord, Reddit sau poti deschide o discutie noua pe forum

building a brand with pharmacy affiliate marketing # 5 months ago medical supplies affiliate programs affiliate marketing for pharmacists beginner affiliate marketing tips and tricks PharmEmpire affiliate registration process
Massage Gun # 5 months ago Hi, its pleasant piece of writing regarding media print, we all understand media is a wonderful source of facts.
comprar buscalm en Bรฉlgica legalmente # 1 month ago Usually I don't read post on blogs, however I would like to say that this write-up very pressured me to try and do it! Your writing taste has been amazed me. Thank you, very nice article.
Lukas # 3 weeks ago Thanks for any other magnificent article. Where else could anyone get that kind of info in such a perfect means of writing? I've a presentation subsequent week, and I am on the look for such info.
Edison # 3 weeks ago Wow that was unusual. I just wrote an extremely long comment but after I clicked submit my comment didn't show up. Grrrr... well I'm not writing all that over again. Anyway, just wanted to say wonderful blog!
mirkurortov # 2 weeks ago <a href="">toronto blue jays hat new era hats</a><a href="">boston red sox 2004 championship hat games</a><a href="">texas rangers postseason hat 65</a><a href="">infant jordan winter hats mens</a> <a href="">lilly pulitzer hollie tunic dress</a> <a href="">couple wedding dress on rent</a><a href="">puma dresses on sale</a><a href="">good dresses to wear to a wedding</a><a href="">petite midi dress black</a> <a href="">christian dior black sneakers</a> <a href="">pandora disney engagement rings</a> <a href="">adidas press coverage football pants</a><a href="">patrick willis jersey ebay</a><a href="">packers gold jersey</a><a href="">49ers 94 white jersey</a> mirkurortov
Medikamente ohne Rezept in Europa # 1 week ago Hi there! I know this is somewhat off topic but I was wondering which blog platform are you using for this site? I'm getting tired of Wordpress because I've had issues with hackers and I'm looking at alternatives for another platform. I would be awesome if you could point me in the direction of a good platform.
finasteride ohne Rezept # 1 week ago Hmm it seems like your website ate my first comment (it was super long) so I guess I'll just sum it up what I submitted and say, I'm thoroughly enjoying your blog. I as well am an aspiring blog writer but I'm still new to the whole thing. Do you have any tips and hints for rookie blog writers? I'd genuinely appreciate it.
Club-ul este dedicat membrilor si ofera access la mai multe zone ale website-ului.
Login Register

๐Ÿ”– Bookmarks โž•
โœจ Pentru a sustine aceasta comunitate am sa te rog sa te autentifici sau sa te inregistrezi!

๐ŸŒช๏ธ Discord โž•
Back to top
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.