Culori în HTML. Stiluri aplicate culorilor: background-color, color, border.

Culori in codul HTML

Culorile in codul HTML sunt specificate folosind nume de culori predefinite sau valori RGB, HEX, HSL, RGBA, HSLA.

Nume de culoare

În HTML, o culoare poate fi specificată folosind un nume de culoare:
 

HTML acceptă 140 de nume standard de culori.

Culoare de fundal (Background Color)

Puteți seta culoarea de fundal (Background Color) pentru elementele HTML:



Exemplu:

<h1 style = "background-color: DodgerBlue;"> Hello World </h1>
<p style = "background-color: Tomato;"> Lorem ipsum ... </p>

Culoarea textului (Text Color)

Puteți seta culoarea textului:


Exemplu:

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

Border Color

Puteți seta culoarea marginilor:



Exemplu:

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>