► CÓDIGOS DE COLORES
La recomendación
CSS 3: Color permite define los colores mediante el
modelo de color HSL (
Hue,
Saturation,
Lightness) es decir, Tonalidad, Saturación, Luminancia.
selector { background-color: hsl(153, 80%, 40%) }
Las tablas siguientes muestran los colores con el modelo HSL
Hue: 0
| S \ L | 0% | 20% | 40% | 60% | 80% | 100% |
| 0% | | | | | | |
| 20% | | | | | | |
| 40% | | | | | | |
| 60% | | | | | | |
| 80% | | | | | | |
| 100% | | | | | | |
Hue: 51
| S \ L | 0% | 20% | 40% | 60% | 80% | 100% |
| 0% | | | | | | |
| 20% | | | | | | |
| 40% | | | | | | |
| 60% | | | | | | |
| 80% | | | | | | |
| 100% | | | | | | |
Hue: 102
| S \ L | 0% | 20% | 40% | 60% | 80% | 100% |
| 0% | | | | | | |
| 20% | | | | | | |
| 40% | | | | | | |
| 60% | | | | | | |
| 80% | | | | | | |
| 100% | | | | | | |
Hue: 153
| S \ L | 0% | 20% | 40% | 60% | 80% | 100% |
| 0% | | | | | | |
| 20% | | | | | | |
| 40% | | | | | | |
| 60% | | | | | | |
| 80% | | | | | | |
| 100% | | | | | | |
Hue: 204
| S \ L | 0% | 20% | 40% | 60% | 80% | 100% |
| 0% | | | | | | |
| 20% | | | | | | |
| 40% | | | | | | |
| 60% | | | | | | |
| 80% | | | | | | |
| 100% | | | | | | |
Hue: 255
| S \ L | 0% | 20% | 40% | 60% | 80% | 100% |
| 0% | | | | | | |
| 20% | | | | | | |
| 40% | | | | | | |
| 60% | | | | | | |
| 80% | | | | | | |
| 100% | | | | | | |
Si te gusta la entrada compártela.
¡Gracias!
► No se permite spam.
► No permitimos un vocabulario inapropiado.
► Se se lo más especifico posible.
►Para convertir tu comentario en HTML puedes utilizar algunos códigos:
- Si deseas incluir un enlace utiliza este código:<a href="URL de la Pagina">Titulo del enlace</a>
- Para introducir un código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
- Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
- Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
- Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
- Para insertar texto en negrita, utilice la etiqueta <b> SU TEXTO AQUÍ ... </b>
- Para insertar texto en cursiva, utilice esta etiqueta<i> SU TEXTO AQUÍ ... </i>
No olvides suscribirte para recibir las actualizaciones