HTML colores
Tutorial HTML » HTML colores
Los colores son muy importantes para darle a su sitio un buen aspecto e imagen. Puede especificar colores a nivel de página usando la etiqueta
, o puede establecer colores para etiquetas individuales usando el atributo bgcolor.La etiqueta <body> tiene los siguientes atributos que se pueden usar para establecer diferentes colores:
bgcolor: establece un color para el fondo de la página.
texto: establece un color para el texto del cuerpo.
alink: establece un color para los enlaces activos o los enlaces seleccionados.
vínculo: establece un color para el texto vinculado.
vlink: establece un color para los enlaces que ha visitado, es decir, para el texto del enlace en el que ya hizo clic.
Nombres y códigos de color HTML
Los códigos de color HTML son tripletes hexadecimales que representan los colores rojo, verde y azul (#RRGGBB).
Por ejemplo, en el color rojo, el código de color es # FF0000, que es '255' rojo, '0' verde y '0' azul.
Estos códigos de color pueden cambiar el color del fondo, el texto y las tablas de una página web.
Principales códigos de color hexadecimales
A continuación se muestran algunos de los nombres y códigos de colores comunes. Con estos colores, también puede utilizar el nombre del color. Por ejemplo, en las etiquetas HTML y CSS que utilizan códigos de color, puede utilizar "rojo" en lugar de "# FF0000".
A continuación, se muestra una lista de 16 nombres de colores estándar del W3C y se recomienda que los utilice.
| Black | Gray | Silver | White | ||||
| Yellow | Lime | Aqua | Fuchsia | ||||
| Red | Green | Blue | Purple | ||||
| Maroon | Olive | Navy | Teal |
Se puede tomar un valor hexadecimal de cualquier software de gráficos como Adobe Photoshop, Paintshop Pro o MS Paint.
Cada código hexadecimal estará precedido por un signo de almohadilla o almohadilla #. La siguiente es una lista de algunos colores usando notación hexadecimal.
| Color | Color HEX |
|---|---|
| #000000 | |
| #FF0000 | |
| #00FF00 | |
| #0000FF | |
| #FFFF00 | |
| #00FFFF | |
| #FF00FF | |
| #C0C0C0 | |
| #FFFFFF |
Este valor de color se especifica mediante la propiedad rgb (). Esta propiedad tiene tres valores, uno para rojo, verde y azul.
El valor puede ser un número entero entre 0 y 255 o un porcentaje.
Nota: No Todos los navegadores admiten la propiedad de color rgb (), por lo que se recomienda que no la utilice.
| Color | Color RGB |
|---|---|
| rgb(0,0,0) | |
| rgb(255,0,0) | |
| rgb(0,255,0) | |
| rgb(0,0,255) | |
| rgb(255,255,0) | |
| rgb(0,255,255) | |
| rgb(255,0,255) | |
| rgb(192,192,192) | |
| rgb(255,255,255) |
Color de fondo - ejemplos
Color de fondo
Puede establecer el color de fondo de los elementos HTML:
<!DOCTYPE html>
<html>
<head>
<title>¿Cómo agregar color de fondo? ejemplo</title>
</head>
<body><h1 style="background-color:yellow;">Hola Espana</h1>
<p style="background-color:tomato;"><strong>Programación web.<br />
Curso gratuito de programación de diseño web en línea: diseñador de páginas web. </strong> <br />
<strong> Aprenda desde cero </strong> los conceptos básicos de la programación web PHP + MySQL <br />
y desarrollo de temas de WordPress para su carrera de desarrollador web (curso para principiantes). <br />
<strong> Aprenda de la primera línea de código </strong> cómo crear sitios web eficaces, <br />
cómo crear sitios web para teléfonos móviles, cómo escribir código y proporcionar rendimiento <br />
por lo que haces: HTML5, CSS6, PHP, bases de datos, elementos jQuery y optimización SEO básica. <br />
En este curso, comenzará desde cero para comprender los conceptos básicos de la programación web. <br />
A lo largo del curso trabajarás prácticamente para desarrollar un sitio dinámico. </p>
</body>
</html>
Color de texto
Puede establecer el color del texto:
<!DOCTYPE html>
<html>
<head>
<title>Color de texto</title>
</head>
<body>
<h1 style="color:Tomato;">Cursos de diseño web online</h1>
<p style="color:DodgerBlue;">Curso de introducción a la programación
con especialización en Desarrollo Web. Este curso tiene como objetivo presentarle paso a
paso en Diseño Web (CSS).</p>
<p style="color:MediumSeaGreen;">Cursos web profesionales tanto para
principiantes como para experimentados.</p>
</body>
</html>
Color del borde
Puede establecer el color de los bordes: (Puede establecer el color de los bordes :)
<!DOCTYPE html>
<html>
<head>
<title>El color de los bordes, el contorno</title>
</head>
<body>
<h1 style="border:2px solid Tomato;">CURSO DE PROGRAMACIÓN WEB - HTML, CSS, PHP Y MYSQL</h1>
<h2 style="border:2px solid DodgerBlue;">Los beneficios de estudiar el curso de Diseño Web</h2>
<h3 style="border:2px solid Violet;">Curso de creación de sitios web en Dreamweaver</h3>
</body>
</html>
Etiquetas: html colores codigos, de fondo, tabla, nombres, texto, pastel, neon, imagen, transparentes
HTML colores codigos, de fondo, tabla, nombres - html.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.