Fff color html. El color en los estilos se puede especificar de diferentes maneras: por valor hexadecimal, por nombre, en formato RGB, RGBA, HSL, HSLA
Los números hexadecimales se utilizan para especificar colores. El sistema hexadecimal, a diferencia del sistema decimal, se basa, como su nombre indica, en el número 16. Los números serán los siguientes: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Los números del 10 al 15 se sustituyen por letras latinas. Los números mayores a 15 en el sistema hexadecimal se forman combinando dos números en uno. Por ejemplo, el número 255 en decimal corresponde al número FF en hexadecimal. Para evitar confusiones al determinar el sistema numérico, se coloca un símbolo de almohadilla # antes del número hexadecimal, por ejemplo #666999. Cada uno de los tres colores (rojo, verde y azul) puede tomar valores de 00 a FF. Por lo tanto, el símbolo de color se divide en tres componentes #rrggbb, donde los dos primeros símbolos indican el componente rojo del color, los dos del medio, verde y los dos últimos, azul. Se permite utilizar la forma abreviada #rgb, donde cada carácter debe duplicarse. Por tanto, la entrada #fe0 debe considerarse como #ffee00.
Por nombre
| explorador de Internet | Cromo | Ópera | Safari | Firefox | Androide | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Los navegadores admiten algunos colores por su nombre. En mesa 1 muestra los nombres, código hexadecimal, valores RGB, HSL y descripción.
| Nombre | Color | Código | RGB | HSL | Descripción |
|---|---|---|---|---|---|
| blanco | #ffffff o #fff | rgb(255,255,255) | hsl(0,0%,100%) | Blanco | |
| plata | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Gris | |
| gris | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Gris oscuro | |
| negro | #000000 o #000 | rgb(0,0,0) | hsl(0,0%,0%) | Negro | |
| granate | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Rojo oscuro | |
| rojo | #ff0000 o #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Rojo | |
| naranja | #ffa500 | rgb(255,165,0) | hsl(38,8,100%,50%) | Naranja | |
| amarillo | #ffff00 o #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Amarillo | |
| aceituna | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Aceituna | |
| cal | #00ff00 o #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Verde claro | |
| verde | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Verde | |
| agua | #00ffff o #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Azul | |
| azul | #0000ff o #00f | rgb(0,0,255) | hsl(240,100%,50%) | Azul | |
| Armada | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Azul oscuro | |
| verde azulado | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Azul verde | |
| fucsia | #ff00ff o #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Rosa | |
| púrpura | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Violeta |
Usando RGB
| explorador de Internet | Cromo | Ópera | Safari | Firefox | Androide | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Puede definir el color utilizando los valores rojo, verde y azul en términos decimales. Cada uno de los tres componentes de color toma un valor de 0 a 255. También está permitido especificar el color como un porcentaje, correspondiendo el 100% al número 255. Primero, especifique la palabra clave rgb y luego especifique los componentes de color entre paréntesis. , separados por comas, por ejemplo rgb(255, 128, 128) o rgb(100%, 50%, 50%).
RGBA
| explorador de Internet | Cromo | Ópera | Safari | Firefox | Androide | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
El formato RGBA es similar en sintaxis a RGB, pero incluye un canal alfa que especifica la transparencia del elemento. Un valor de 0 es completamente transparente, 1 es opaco y un valor intermedio como 0,5 es semitransparente.
RGBA se agregó a CSS3, por lo que el código CSS debe validarse con esta versión. Cabe señalar que el estándar CSS3 aún está en desarrollo y algunas características pueden cambiar. Por ejemplo, un color en formato RGB agregado a la propiedad color de fondo se valida, pero uno agregado a la propiedad de fondo ya no es válido. Al mismo tiempo, los navegadores entienden bastante correctamente el color de ambas propiedades.
HSL
| explorador de Internet | Cromo | Ópera | Safari | Firefox | Androide | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
El nombre del formato HSL se deriva de la combinación de las primeras letras Hue (matiz), Saturate (saturación) y Lightness (luminosidad). El tono es el valor del color en la rueda de colores (Fig. 1) y se expresa en grados. 0° corresponde al rojo, 120° al verde y 240° al azul. El valor del tono puede variar de 0 a 359.
Arroz. 1. Rueda de colores
La saturación es la intensidad de un color y se mide como un porcentaje del 0% al 100%. Un valor de 0% indica que no hay color y hay un tono de gris; 100% es el valor máximo de saturación.
La luminosidad especifica qué tan brillante es el color y se especifica como un porcentaje del 0% al 100%. Los valores bajos oscurecen el color y los valores altos aclaran el color; los valores extremos de 0% y 100% corresponden a blanco y negro.
HSLA
| explorador de Internet | Cromo | Ópera | Safari | Firefox | Androide | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
El formato HSLA es similar en sintaxis a HSL, pero incluye un canal alfa para especificar la transparencia del elemento. Un valor de 0 es completamente transparente, 1 es opaco y un valor intermedio como 0,5 es semitransparente.
Los valores de color RGBA, HSL y HSLA se agregan a CSS3, así que verifique la validez de la versión de su código cuando utilice estos formatos.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Advertencia
Todos los métodos de captura de leones enumerados en el sitio son teóricos y se basan en métodos computacionales. Los autores no garantizan su seguridad al utilizarlos y rechazan cualquier responsabilidad por los resultados. Recuerde, ¡un león es un depredador y un animal peligroso!
El resultado de este ejemplo se muestra en la Fig. 2.
Arroz. 2. Colores en la página web
En HTML, el color se puede especificar de tres formas:
Establecer un color en HTML por su nombre
Algunos colores se pueden especificar por su nombre, utilizando como valor el nombre del color en inglés. Las palabras clave más habituales: negro, blanco, rojo, verde, azul, etc.:
Color del texto: rojo
Los colores más populares del estándar World Wide Web Consortium (W3C):
| Color | Nombre | Color | Nombre | Color | Nombre | Color | Nombre |
|---|---|---|---|---|---|---|---|
| Negro | Gris | Plata | Blanco | ||||
| Amarillo | Cal | Agua | Fucsia | ||||
| Rojo | Verde | Azul | Púrpura | ||||
| Granate | Aceituna | Armada | verde azulado |
Ejemplo de uso de diferentes nombres de colores:
Ejemplo: especificar un color por su nombre
- Inténtalo tú mismo "
Encabezado sobre fondo rojo
Encabezado sobre fondo naranja
Rumbo sobre fondo de lima
Texto blanco sobre fondo azul.
Encabezado sobre fondo rojo
Encabezado sobre fondo naranja
Rumbo sobre fondo de lima
Texto blanco sobre fondo azul.
Especificación del color mediante RGB
Al mostrar diferentes colores en un monitor, se utiliza como base la paleta RGB. Cualquier color se obtiene mezclando tres básicos: R - rojo, G - verde, B-azul. El brillo de cada color viene dado por un byte y por lo tanto puede tomar valores de 0 a 255. Por ejemplo, RGB(255,0,0) se muestra como rojo ya que el rojo está configurado en su valor más alto (255) y el el resto se establecen en 0. También puede configurar el color como porcentaje. Cada parámetro indica el nivel de brillo del color correspondiente. Por ejemplo: los valores rgb(127, 255, 127) y rgb(50%, 100%, 50%) establecerán el mismo color verde medio:
Ejemplo: especificación del color mediante RGB
- Inténtalo tú mismo "
RGB(127, 255, 127)
RGB(50%, 100%, 50%)
RGB(127, 255, 127)
RGB(50%, 100%, 50%)
Establecer color por valor hexadecimal
Valores R GRAMO B También se puede especificar usando valores de color hexadecimales (HEX) en la forma: #RRGGBB donde RR (rojo), GG (verde) y BB (azul) son valores hexadecimales de 00 a FF (igual que el decimal 0-255). ). El sistema hexadecimal, a diferencia del sistema decimal, se basa, como su nombre indica, en el número 16. El sistema hexadecimal utiliza los siguientes signos: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Aquí los números del 10 al 15 se sustituyen por letras latinas. Los números mayores a 15 en el sistema hexadecimal se representan combinando dos caracteres en un solo valor. Por ejemplo, el número más alto 255 en decimal corresponde al valor FF más alto en hexadecimal. A diferencia del sistema decimal, un número hexadecimal va precedido de un símbolo de almohadilla. # , por ejemplo, #FF0000 se muestra en rojo porque el rojo está configurado en su valor más alto (FF) y el resto de los colores están configurados en su valor mínimo (00). Signos después del símbolo de almohadilla # Puede escribir tanto en mayúsculas como en minúsculas. El sistema hexadecimal permite utilizar la forma abreviada #rgb, donde cada carácter equivale a doble. Por lo tanto, la entrada #f7O debe considerarse como #ff7700.
Ejemplo: Color HEX
- Inténtalo tú mismo "
rojo: #FF0000
verde: #00FF00
azul: #0000FF
rojo: #FF0000
verde: #00FF00
azul: #0000FF
rojo+verde=amarillo: #FFFF00
rojo+azul=púrpura: #FF00FF
verde+azul=cian: #00FFFF
Lista de colores comunes (nombre, HEX y RGB):
| nombre inglés | nombre ruso | Muestra | MALEFICIO | RGB | ||
|---|---|---|---|---|---|---|
| Amaranto | Amaranto | #E52B50 | 229 | 43 | 80 | |
| Ámbar | Ámbar | #FFBF00 | 255 | 191 | 0 | |
| Agua | Azul verde | #00FFFF | 0 | 255 | 255 | |
| Azur | Azur | #007FFF | 0 | 127 | 255 | |
| Negro | Negro | #000000 | 0 | 0 | 0 | |
| Azul | Azul | #0000FF | 0 | 0 | 255 | |
| azul bondi | Agua de la playa de Bondi | #0095B6 | 0 | 149 | 182 | |
| Latón | Latón | #B5A642 | 181 | 166 | 66 | |
| Marrón | Marrón | #964B00 | 150 | 75 | 0 | |
| Azul claro | Azur | #007BA7 | 0 | 123 | 167 | |
| Verde oscuro primavera | Verde oscuro primavera | #177245 | 23 | 114 | 69 | |
| Esmeralda | Esmeralda | #50C878 | 80 | 200 | 120 | |
| Berenjena | Berenjena | #990066 | 153 | 0 | 102 | |
| Fucsia | Fucsia | #FF00FF | 255 | 0 | 255 | |
| Oro | Oro | #FFD700 | 250 | 215 | 0 | |
| Gris | Gris | #808080 | 128 | 128 | 128 | |
| Verde | Verde | #00FF00 | 0 | 255 | 0 | |
| Índigo | Índigo | #4B0082 | 75 | 0 | 130 | |
| Jade | Jade | #00A86B | 0 | 168 | 107 | |
| Cal | Cal | #CCFF00 | 204 | 255 | 0 | |
| Malaquita | Malaquita | #0BDA51 | 11 | 218 | 81 | |
| Armada | Azul oscuro | #000080 | 0 | 0 | 128 | |
| Ocre | Ocre | #CC7722 | 204 | 119 | 34 | |
| Aceituna | Aceituna | #808000 | 128 | 128 | 0 | |
| Naranja | Naranja | #FFA500 | 255 | 165 | 0 | |
| Durazno | Durazno | #FFE5B4 | 255 | 229 | 180 | |
| Calabaza | Calabaza | #FF7518 | 255 | 117 | 24 | |
| Púrpura | Violeta | #800080 | 128 | 0 | 128 | |
| Rojo | Rojo | #FF0000 | 255 | 0 | 0 | |
| Azafrán | Azafrán | #F4C430 | 244 | 196 | 48 | |
| Mar verde | Mar verde | #2E8B57 | 46 | 139 | 87 | |
| Verde pantano | bolotny | #ACB78E | 172 | 183 | 142 | |
| verde azulado | Azul verde | #008080 | 0 | 128 | 128 | |
| Ultramarino | Ultramarino | #120A8F | 18 | 10 | 143 | |
| Violeta | Violeta | #8B00FF | 139 | 0 | 255 | |
| Amarillo | Amarillo | #FFFF00 | 255 | 255 | 0 | |
Códigos de color (fondo) por saturación y tono.
Vlad Merzhevich
En HTML, el color se especifica de dos maneras: mediante código hexadecimal y mediante el nombre de ciertos colores. Se utiliza principalmente el método basado en el sistema numérico hexadecimal, ya que es el más universal.
Colores hexadecimales
HTML utiliza números hexadecimales para especificar colores. El sistema hexadecimal, a diferencia del sistema decimal, se basa, como su nombre indica, en el número 16. Los números serán los siguientes: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Los números del 10 al 15 se sustituyen por letras latinas. En mesa 6.1 muestra la correspondencia entre números decimales y hexadecimales.
Los números mayores a 15 en el sistema hexadecimal se forman combinando dos números en uno (Tabla 6.2). Por ejemplo, el número 255 en decimal corresponde al número FF en hexadecimal.
Para evitar confusiones al definir el sistema numérico, un número hexadecimal está precedido por un símbolo de almohadilla #, por ejemplo #aa69cc. En este caso, el caso no importa, por lo que está permitido escribir #F0F0F0 o #f0f0f0.
Un color típico utilizado en HTML se ve así.
Aquí el color de fondo de la página web se establece en #FA8E47. El símbolo de almohadilla # delante de un número significa que es hexadecimal. Los primeros dos dígitos (FA) definen el componente rojo del color, los dígitos tercero a cuarto (8E) definen el componente verde y los dos últimos dígitos (47) definen el componente azul. El resultado final será este color.
| FA. | + | 8E | + | 47 | = | FA8E47 |
Cada uno de los tres colores (rojo, verde y azul) puede tomar valores de 00 a FF, lo que da como resultado un total de 256 tonos. Así, el número total de colores puede ser 256x256x256 = 16.777.216 combinaciones. Un modelo de color basado en componentes rojo, verde y azul se llama RGB (rojo, verde, azul; rojo, verde, azul). Este modelo es aditivo (de agregar - agregar), en el que la suma de los tres componentes forma el color blanco.
Para que sea más fácil navegar por los colores hexadecimales, tenga en cuenta algunas reglas.
- Si los valores de los componentes del color son iguales (por ejemplo: #D6D6D6), el resultado será un tinte gris. Cuanto mayor sea el número, más claro será el color, con valores que van desde #000000 (negro) hasta #FFFFFF (blanco).
- Se forma un color rojo brillante si el componente rojo se hace al máximo (FF) y los componentes restantes se establecen en cero. Un color con un valor de #FF0000 es el tono rojo más rojo posible. Lo mismo ocurre con el verde (#00FF00) y el azul (#0000FF).
- El amarillo (#FFFF00) se obtiene mezclando rojo y verde. Esto es claramente visible en el círculo cromático (Fig. 6.1), que presenta los colores primarios (rojo, verde, azul) y los complementarios o adicionales. Estos incluyen el amarillo, el cian y el violeta (también llamado magenta). En general, se puede obtener cualquier color mezclando colores cercanos a él. Así, el cian (#00FFFF) se obtiene combinando azul y verde.
Arroz. 6.1. circulo de colores
Los colores basados en valores hexadecimales no tienen que seleccionarse empíricamente. Para ello, es adecuado un editor gráfico que pueda trabajar con diferentes modelos de color, por ejemplo, Adobe Photoshop. En la Fig. La Figura 6.2 muestra la ventana para seleccionar un color en este programa; el valor hexadecimal resultante del color actual está delineado con una línea. Puedes copiarlo y pegarlo en tu código.
Arroz. 6.2. Ventana para elegir colores en Photoshop.
colores web
Si configura la calidad de reproducción cromática del monitor en 8 bits (256 colores), el mismo color se puede mostrar de forma diferente en diferentes navegadores. Esto se debe a la forma en que se muestran los gráficos, cuando el navegador trabaja con su propia paleta y no puede mostrar un color que no esté en su paleta. En este caso, el color se reemplaza por una combinación de píxeles de otros colores cercanos que imitan el dado. Para garantizar que el color siga siendo el mismo en los diferentes navegadores, se introdujo una paleta de los llamados colores web. Los colores web son aquellos colores para los cuales cada componente (rojo, verde y azul) se establece en uno de seis valores: 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC). , 255 (FF). El valor hexadecimal de este componente se indica entre paréntesis. El número total de colores de todas las combinaciones posibles da 6x6x6 - 216 colores. Un color web de ejemplo es #33FF66.
La característica principal del color web es que aparece igual en todos los navegadores. Por el momento, la relevancia de los colores web es muy pequeña debido a la mejora en la calidad de los monitores y la ampliación de sus capacidades.
Colores por nombre
Para evitar tener que recordar un conjunto de números, puede utilizar los nombres de los colores más utilizados. En mesa 6.3 muestra los nombres de los nombres de colores populares.
| Nombre del color | Color | Descripción | valor hexadecimal |
|---|---|---|---|
| negro | Negro | #000000 | |
| azul | Azul | #0000FF | |
| fucsia | violeta claro | #FF00FF | |
| gris | Gris oscuro | #808080 | |
| verde | Verde | #008000 | |
| cal | Verde claro | #00FF00 | |
| granate | Rojo oscuro | #800000 | |
| Armada | Azul oscuro | #000080 | |
| aceituna | Aceituna | #808000 | |
| púrpura | Morado oscuro | #800080 | |
| rojo | Rojo | #FF0000 | |
| plata | Gris claro | #C0C0C0 | |
| verde azulado | Azul verde | #008080 | |
| blanco | Blanco | #FFFFFF | |
| amarillo | Amarillo | #FFFF00 |
No importa si especifica un color por su nombre o mediante números hexadecimales. Estos métodos son iguales en su efecto. El ejemplo 6.1 muestra cómo configurar los colores de fondo y de texto de una página web.
Ejemplo 6.1. Color de fondo y texto
Texto de ejemplo
En este ejemplo, el color de fondo se establece utilizando el atributo bgcolor de la etiqueta.
y el color del texto a través del atributo de texto. Para variar, el atributo de texto se establece en un número hexadecimal y el atributo bgcolor se establece en la palabra clave reservada verde azulado.>>Gestión del color
Valores de color RGB hexadecimales
Los métodos para describir y procesar el color se diferencian entre sí en la representación final a la que están destinados. Comparemos, por ejemplo, la representación de los colores en la impresión y en los monitores de ordenador. En el primer caso, se toma la base. blanco el color del papel sobre el que posteriormente se aplican tres colores primarios: azul, púrpura Y amarillo. Mezclados entre sí y con el color blanco del papel en diferentes proporciones, estos tres colores primarios dan diferentes matices de color, excepto el negro puro, o en ausencia total de pinturas dan el papel blanco. Si les añadimos color negro, obtenemos CMYK-un método de transmisión de color cuando el color requerido se obtiene restando los colores que faltan del blanco.
En el segundo caso, se toma como base negro el color de la pantalla del monitor, cada celda del cual brilla en uno de tres colores: rojo-rojo, verde-verde y azul-azul. Luego, en ausencia total de brillo, obtenemos un color de pantalla negro puro, y cualquiera de los colores requeridos viene dado por la proporción de cada uno de los tres colores. En este caso obtendremos RGB-método de transmisión del color. Los colores primarios pueden variar desde 0
antes 255
, o de 0%
antes 100%
, o puede representarse como un valor hexadecimal. En la siguiente figura puedes ver los resultados de mezclar colores primarios.
El sistema numérico hexadecimal, a diferencia del sistema numérico decimal, no tiene diez dígitos, sino dieciséis, de ahí el nombre. En consecuencia, solo puede haber variantes no repetidas de combinaciones de dos dígitos: 256 , para continuar la serie de números después 9 cartas de A antes F, por lo tanto, la serie se verá así:
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
En este caso, el color se especifica mediante tres números hexadecimales, cada uno de los cuales consta de dos dígitos. El primer número determina la intensidad. rojo colores, medio- verde, última cosa- azul colores. Todos los números pueden tomar valores en el rango de 00 antes FF(de 0 a 255). Por ejemplo: el color verde se da como #00FF00, rojo - como #FF0000, azul - como #0000FF, blanco - como #FFFFFF, la ausencia total de color o negro se da como #000000 .
En el siguiente formulario, puede especificar cualquier valor hexadecimal para cada uno de los tres colores y ver el resultado de mezclarlos haciendo clic en el campo de salida.
Ejemplos de algunos valores de color RGB hexadecimales: gradaciones de rojo, azul y verde.
| vista | código | vista | código | vista | código | vista | código | vista | código | vista | código |
| #010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
| #100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
| #200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
| #300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
| #400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
| #500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
| #600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
| #700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Especificación de color utilizando literales de cadena
Para facilitar su uso, a algunos colores y sus combinaciones se les asignaron nombres que son reconocidos por todos los navegadores, y fue posible configurar muchos de ellos por nombre. La siguiente tabla muestra algunos de los nombres de colores:
| vista | Nombre | vista | Nombre | vista | Nombre | vista | Nombre |
| Blanco | Rojo | Naranja | Amarillo | ||||
| Verde | Azul | Púrpura | Negro | ||||
| Alice azul | Blanco antiguo | Agua | Aguamarina | ||||
| Azur | Beige | Sopa de mariscos | Blanchedalmond | ||||
| Violeta Azul | Marrón | Burlywood | cadeteazul | ||||
| Monasterio | Chocolate | Coral | acianoazul | ||||
| Seda de maiz | carmesí | cian | Azul oscuro | ||||
| cian oscuro | Vara dorada oscura | Gris oscuro | Verde oscuro | ||||
| caqui oscuro | magenta oscuro | verde oliva oscuro | Naranja oscuro | ||||
| orquídea oscura | Rojo oscuro | salmón oscuro | verde mar oscuro | ||||
| Azul pizarra oscuro | Gris pizarra oscuro | turquesa oscuro | Violeta oscuro | ||||
| Rosa profundo | azul cielo profundo | gris oscuro | Dodgerazul | ||||
| Ladrillo refractario | Floralblanco | Bosque verde | fucsia | ||||
| Gainsboro | blanco fantasma | Oro | vara de oro | ||||
| Gris | Verde amarillo | Gotas de miel | Rosa caliente | ||||
| rojo indio | Índigo | Marfil | Caqui | ||||
| Lavanda | rubor lavanda | chifón de limón | Azul claro | ||||
| coral claro | Cian claro | clarofríovarillaamarillo | Verde claro | ||||
| Gris claro | Rosa claro | salmón claro | verdemar claro | ||||
| azul cielo claro | Lucesgris pizarra | Azul acero claro | Amarillo claro | ||||
| Cal | Verde lima | Lino | Magenta | ||||
| Granate | aguamarina media | Azul medio | orquídea mediana | ||||
| morado medio | Verdemar medio | Azul pizarra medio | Verde primavera medio | ||||
| Turquesa medio | violeta mediorojo | azul medianoche | crema de menta | ||||
| rosa brumosa | Navajoblanco | Armada | encaje viejo | ||||
| Aceituna | Oliverab | Rojo naranja | Orquídea | ||||
| vara de oro pálido | Verde pálido | paletaturquesa | rojovioletapálido | ||||
| papayalátigo | melocotón | Perú | Rosa | ||||
| Ciruela | Azul pálido | marrón rosado | Azul real | ||||
| marrón silla de montar | Mar verde | Concha | Tierra de siena | ||||
| Plata | Cielo azul | Azul pizarra | gris pizarra | ||||
| Nieve | Primavera verde | Azul acero | Broncearse | ||||
| verde azulado | Cardo | Tomate | Turquesa | ||||
| Violeta | Trigo | Humo blanco | Amarillo verde |
Usar una paleta de colores segura
Desafortunadamente, en diferentes plataformas, con diferentes configuraciones del sistema, la reproducción correcta del color es un problema. El caso es que el navegador siempre intenta ajustar la paleta de colores del documento a la configuración del sistema y a las capacidades del monitor, mezclando colores y reemplazándolos de forma independiente. Como resultado, a veces el usuario no ve exactamente lo que el webmaster quería mostrarle. Se encontró una salida a esta situación mediante el uso de una paleta, cada color de la cual se garantiza que todos los navegadores en diferentes plataformas se reproduzcan por igual. Este es el llamado garantizado paleta, también llamada seguro paleta. Esta paleta incluye colores cuyos componentes de color toman los siguientes valores: 00 ,33 ,66 ,99 , CC,FF, de todas las formas posibles 216 sus combinaciones.
| vista | código | vista | código | vista | código | vista | código | vista | código | vista | código |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
| CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
| 0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
| CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
| CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
| CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
| CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
| FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
| CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
| FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |