ProgramingWeb

CSS Colors, agregar colores a tu web.

Los colores se utilizan con su nombre por defecto (en inglés) o con valores RGB, HEX, HSL, RGBA, HSLA. Algunos colores que están predefinidos son:

  • tomato
  • red
  • green
  • black
  • white
  • violet

Si quieres conocer todos los formatos de colores permitidos en html y css puedes visitar la página Colores html

Color de fondo css (background)

Puedes poner un color de fondo a una etiqueta html usando la siguiente sintaxis.

<p style="background-color:DodgerBlue; color:white;">Hola mundo</p>
<p style="background-color:Tomato;color:white;">Contenido</p>

Hola mundo

Contenido

Cambiar el color del texto

<h3 style="color:Tomato;">Hola Mundo</h3>
<p style="color:DodgerBlue;">Contenido.</p>
<p style="color:MediumSeaGreen;">Css es un gran lenguaje</p>

Hola Mundo

Contenido.

Css es un gran lenguaje

Borde de colores css

<h3 style="border:2px solid Tomato;">HTML</h3>
<h3 style="border:2px solid DodgerBlue;">CSS</h3>
<h3 style="border:2px solid Violet;">JAVASCRIPT</h3>

HTML

CSS

JAVASCRIPT

Diferentes formatos de colores css

Puedes usar valores como RGB, HEX, HSL para especificar el color que quieres usar en el siguiente ejemplo tienes el valor del color tomato para cada uno de los formatos.

<h3 style="background-color:rgb(255, 99, 71);">rgb(255, 99, 71)</h3>
<h3 style="background-color:#ff6347;">#ff6347;</h3>
<h3 style="background-color:hsl(9, 100%, 64%);">hsl(9, 100%, 64%)</h3>

rgb(255, 99, 71)

#ff6347;

hsl(9, 100%, 64%)