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>