Culorile in HTML

HTML | Stefanescu Mihai | 2020-10-11

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)

 



Imi place ce faci aici
Daca iti place ce fac aici imi poti cumpara o cafea Buy Me a Coffee at ko-fi.com

Stefanescu Mihai
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.

Posteaza un comentariu

Comentarii

Inca nu au fost postate comentarii, fii primul care posteaza un comentariu!

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 ⊞

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.

⮆ïļ