HTML Colors

HTML Colors

La ruta del desarrollador web frontend autĆ³nomošŸ¤¹ā€ā™‚ļø

Ā·

1 min read


Los colores HTML se especifican con nombres de color predefinidos o con valores RGB, HEX, HSL, RGBA o HSLA.


Nombres de color

En HTML, un color se puede especificar usando un nombre de color:

Ejemplo:

HTML soporta 140 nombres de colores estƔndar.


Color de fondo

Puedes establecer el color de fondo para los elementos HTML:

Ejemplo:


Color del texto

TambiƩn puedes establecer el color del texto:

Ejemplo:

<h1 style="color:Tomato;">Hola Mundo</h1>
<p style="color:DodgerBlue;">Un pƔrrafo genial</p>
<p style="color:MediumSeaGreen;">Otro pƔrrafo genial</p>

Color del borde

TambiƩn puedes establecer el color a los bordes:

Ejemplo:


Valores de color

En HTML, los colores tambiƩn se pueden especificar mediante valores RGB, valores HEX, valores HSL, valores RGBA y valores HSLA.

Los siguientes tres elementos <div> tienen su color de fondo establecido con valores RGB, HEX y HSL:

Ejemplo:

Los siguientes dos elementos <div> tienen su color de fondo establecido con valores RGBA y HSLA, que agregan un canal alfa al color (aquĆ­ tenemos un 50 % de transparencia):

Ejemplo:


Resumen

Podemos agregar colores a casi todos los elementos HTML, de diferentes formas (color de fondo, bordes, texto, etc).


Traducido con šŸ’š desde W3Schools.com