Colores CSS
CSS Tutorial » Colores CSS
La propiedad de color define el color del texto (color de primer plano en general) de un elemento.
Definición de valores de color
Los colores en CSS se especifican con mayor frecuencia en los siguientes formatos:
- una palabra clave de color - como: "red", "green", "blue", "transparent", etc.
- un valor HEX - como: "#ff0000", "#00ff00", etc.
- un valor RGB - como: "rgb(255, 0, 0)"
CSS3 ha introducido varios otros formatos de color como HSL, HSLA y RGBA que también admiten la transparencia alfa.
Colores CSS básicos
Aquí hay una tabla de los nombres de colores básicos que han estado en CSS desde CSS1.
Los colores más importantes reconocidos por la mayoría de los navegadores:
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Color Keywords
CSS define las pocas palabras clave de color que le permiten especificar valores de color de una manera fácil.
Estas palabras clave de colores básicos son: aguamarina, negro, azul, fucsia, gris, verde, lima, granate, azul marino, oliva, violeta, rojo, plateado, verde azulado, blanco y amarillo. Los nombres de los colores no distinguen entre mayúsculas y minúsculas.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Especificar colores en CSS usando nombres de colores</title>
<style>
h1 {
color: red;
}
p {
color: blue;
}
</style>
</head>
<body>
<h1>Este es un titulo</h1>
<p>Este es un párrafo.</p>
</body>
</html>
Etiquetas: Colores CSS nombres, rgba, generator, transparente, azul, degradados, background
Valores de color HEX
Hex (abreviatura de Hexadecimal) es, con mucho, el método más utilizado para definir el color en la web.
Hex representan colores usando un código de seis dígitos, precedido por un carácter hash, como #rrggbb, en el que rr, gg y bb representan el componente rojo, verde y azul del color respectivamente.
El valor de cada componente puede variar de 00 (sin color) y FF (a todo color) en notación hexadecimal, o 0 y 255 en notación decimal equivalente. Por tanto, #ffffff representa el color blanco y # 000000 representa el color negro.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Especificar colores en CSS usando notación hexadecimal</title>
<style>
h1 {
color: #ffa500;
}
p {
color: #00ff00;
}
</style>
</head>
<body>
<h1>Este es un titulo</h1>
<p>Este es un párrafo.</p>
</body>
</html>
Valores de color RGB
Los colores se pueden definir en el modelo RGB (rojo, verde y azul) utilizando la notación funcional rgb ().
La función rgb () acepta tres valores separados por comas, que especifican la cantidad de componente rojo, verde y azul del color. Estos valores se especifican comúnmente como números enteros entre 0 y 255, donde 0 representa sin color y 255 representa color completo o máximo .
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Especificar colores en CSS usando valores RGB</title>
<style>
h1 {
color: rgb(255, 165, 0);
}
p {
color: rgb(0, 255, 0);
}
</style>
</head>
<body>
<h1>Este es un titulo</h1>
<p>Este es un párrafo.</p>
</body>
</html>
Etiquetas: Colores CSS nombres, rgba, generator, transparente, azul, degradados, background
Colores CSS - css.es
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
Find here examples of creative and unique website layouts.
Find here examples of creative and unique website CSS HTML menu.