SELFHTML: HTML / Reglas generales / Definir colores en HTML

SELFHTML/Barra HTML Reglas generales

	Definir colores en HTML
	Colores en HTML Indicaciones hexadecimales de los colores Nombre de los 16 colores básicos Nombre de colores especiales

Colores en HTML

Los colores pueden ser definidos en HTML en muchas relaciones, por ejemplo:

Aún cuandao los tags HTML de las definiciones de colores correspondientes sean tan diferentes, es válido en todas las definiciones de colores un esquema uniforme. Generalmente existen dos maneras de difinir los colores en HTML:

mediante la indicación de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue; valores Rojo/Verde/Azul)
mediante la indicación del nombre del color

Si indicas valores hexadecimales, entonces trabajas independientemente de los navegadores y tienes la libertad total de usar 16,7 millones de colores.

Si indicas los nombres de los colores, puedes evitar la indicación del color en modo hexadecimal, que es un poco más dificil. Sin embargo por el momento sólo existen 16 nombres de colores que han sido oficialmente estandarizados. Hay nombres de colores adicionales, los cuales son dependiente de los navegadores.

Indicaciones hexadecimales de los colores

Si defines un color directamente en modo hexadecimal, entonces tienes que indicar el color deseado señalando los 3 colores básicos: Red, Green y Blue (valores RGB).

Ejemplos:

<body bgcolor=#808080> <!-- el color de fondo del archivo es gris obscuro -->
<font color=#990000>texto rojo</font>
<table bgcolor=#00C0C0> <!-- el color de fondo de la tabla es azúl-verde -->
<hr color=#CC00CC>  <!-- línea de separación violeta -->

Aclaración:

Toda definición de color hexadecimal tiene 6 cifras y el esquema: #XXXXXX.
Primero que todo anota el símbolo #. Después siguen las 6 cifras para definir el color. Las primeras dos cifras señalan el valor rojo, las siguientes dos señalan el valor verde y las últimas dos el valor azúl.

Hexadezimale Angabe von Farben

Cifras hexadecimale son:

0 (corresponde al decimal 0)
1 (corresponde al decimal 1)
2 (corresponde al decimal 2)
3 (corresponde al decimal 3)
4 (corresponde al decimal 4)
5 (corresponde al decimal 5)
6 (corresponde al decimal 6)
7 (corresponde al decimal 7)
8 (corresponde al decimal 8)
9 (corresponde al decimal 9)
A (corresponde al decimal 10)
B (corresponde al decimal 11)
C (corresponde al decimal 12)
D (corresponde al decimal13)
E (corresponde al decimal14)
F (corresponde al decimal 15)

Una cifra hexadecimal puede tener de tal forma 16 estados. Para cada valor (Red, Green, Blue) están a la disposición 2 cifras. De tal manera tenemos 16 x 16 (=256) posibles estados por valor del color.

Atención:

Hay 16 colores básicos que son mostrados por cualquier monitor compatible con VGA.

Ejemplo visual: los 16 colores básicos

Además hay 216 colores standard que Netscape pone a la disposición tanto internamente como en plataformas extensas. Esa paleta de colores se ha convertido casi en standard en el WWW.

Ejemplo visual: los 216 colores standard

Más sobre esta paleta de colores y su significado encuentras en la sección Intensidad y paletas de colores.

Nombre de los 16 colores básicos

Ejemplo visual: tablas con todos los colores

Para definir un color con ayuda de un nombre, indica en lugar del valor hexadecimal RGB simplemente el nombre del color deseado. Los nombres de los colores siguientes forman parte de HTML 3.2 y son entendidos por muchos navegadores.

Ejemplo:

<body bgcolor=black> <!-- el fondo de archivo es negro -->
<font color=yellow>texto amarillo</font>
<table bgcolor=aqua> <!-- el fondo de la tabla es azúl claro -->
<hr color=red>  <!-- línea de separación roja -->

Aclaración:

Indica el color deseado en el lugar en donde la indicación del color es permitido.
Para tener una vista general de todos los colores permitidos, mira el Ejemplo visual. Allí están también los valores hexadecimales que corresponde a los nombres de los colores.

Nombre de colores especiales

Ejemplo visual: tablas con todos los colores

Para definir un color con ayuda de un nombre, indica en lugar del valor hexadecimal RGB simplemente el nombre del color deseado. Los nombres de los colores siguientes son interpretados por Netscape y po el MS Internet Explorer.

Ejemplo:

<body bgcolor=brown> <!-- el fondo del archivo es de color café -->
<font color=blueviolet>texto azúl-violeta</font>
<table bgcolor=darkblue> <!-- el color de fondo de la tabla es azúl obscuro -->
<hr color=pink>  <!-- línea de separación rosada -->

Indica el color deseado en el lugar en donde la indicación del color es permitido.
Para tener una vista general de todos los colores permitidos, mira el ejemplo visual. Allí están también los valores hexadecimales que corresponde a los nombres de los colores. Usando los valores hexadecimales correspondientes trabajas conforme al HTML.


adelante:	Comentarios y créditos
atrás:	Metafonía, símbolos especiales y símbolos propios de HTML

SELFHTML/Barra HTML Reglas generales