Culorile in HTML
Stefanescu Mihai 2 years ago HTMLCulorile 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) |
