Esta página contiene una tabla con palabras clave que se pueden utilizar para indicar colores en lenguajes de desarrolladores web como: HTML, CSS, JavaScript, Flash, etc.
En las especificaciones antiguas de la empresa WC3, solo se especificaban 16 palabras clave, con las que se configuraban los colores en HTML y CSS. En especificaciones más modernas, se agregaron otras 130 palabras clave para indicar nombres de colores. La siguiente tabla contiene los nombres de los colores y los códigos hexadecimales y RGB a los que corresponden.
Según las reglas de CSS, los nombres de los colores no distinguen entre mayúsculas y minúsculas. Las entradas de color IndianRed e Indianred son equivalentes.
También vale la pena señalar que de las 146 palabras clave de la tabla, en realidad contiene menos colores. Esto se debe a que algunas palabras clave hacen referencia al mismo color. Así, los nombres Gray y Gray representan el código de color 50% gris #808080, y la palabra Magenta es sinónimo del color HTML Fucsia, correspondiente al código hexadecimal #FF00FF. También son sinónimos las palabras Aqua y Cyan, corresponden al código #00FFFF.
|
|
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.
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.
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.
Si configura la calidad de reproducción cromática del monitor en 8 bits (256 colores), el mismo color se puede mostrar de manera 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.
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
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 |
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 |
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 |
Los colores HTML se indican con seis caracteres después de la barra diagonal; por ejemplo, #000000. Estos seis símbolos representan las proporciones de los diferentes colores (rojo, verde, azul) en el color final. En el monitor de su computadora, la imagen se forma a partir de una gran cantidad de puntos llamados píxeles. Cada píxel es una pequeña fuente de luz, llamémosla "linterna", que a su vez consta de tres linternas: roja, verde y azul. Al disminuir o aumentar la intensidad del brillo de linternas de colores individuales, obtenemos el color deseado.
Los colores en HTML están representados por una notación hexadecimal (HEX) de rojo, azul y verde (RGB).
El valor de color más pequeño es 0 (00 hexadecimal). El valor de color más alto es 255 (hexadecimal FF).
El valor de color hexadecimal es de tres dígitos que comienzan con el signo #.
Códigos de color (significados)
Color | código hexadecimal | código RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | rgb(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb(0,255,255) | |
#FF00FF | rgb(255,0,255) | |
#C0C0C0 | rgb(192,192,192) | |
#FFFFFF | rgb(255,255,255) |
La combinación de rojo, azul y verde con valores que van de 0 a 255 para el porcentaje de cada color da como resultado un total de más de 16 millones de tonos (256 x 256 x 256).
La mayoría de los monitores modernos son capaces de mostrar al menos 16,384 tonos diferentes (los monitores LCD generalmente son capaces de mostrar 262 mil 16 millones (actualizado en octubre de 2013) colores y los monitores CRT pueden mostrar un número prácticamente ilimitado de colores).
La siguiente tabla de colores muestra el cambio en la proporción de rojo de 0 a 255 con valores cero para azul y verde:
Rojo | código hexadecimal | código RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
Para obtener tonos de gris, se utilizan partes iguales de todos los colores. Para que le resulte más fácil elegir el color adecuado, le proporcionamos códigos de tonos de grises.
Sombras de gris | código hexadecimal | código RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | RGB(96,96,96) | |
#686868 | RGB(104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
#808080 | rgb(128,128,128) | |
#888888 | rgb(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb(200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
Una colección de 150 nombres de colores en HTML, compatible con todos los navegadores.
El W3C enumera 16 nombres de colores válidos para HTML y CSS: agua, negro, azul, fucsia, gris, verde, lima, granate (castaño), azul marino (ultramar), oliva (oliva), morado (púrpura), rojo (rojo) , plateado (plateado), verde azulado (gris), blanco (blanco) y amarillo (amarillo).
Cuando se utilizan colores no incluidos en esta lista, es más correcto utilizar su código hexadecimal (HEX) o código RGB.
Hace varios años, cuando las computadoras podían soportar un máximo de 256 colores diferentes, se propuso una lista de 216 "Colores seguros para la Web", con 40 colores reservados para el sistema.
Esta paleta de 216 colores se creó para mostrar correctamente los colores en el modo de paleta de 256 colores.
Ahora bien, esto no importa porque la mayoría de las computadoras en todo el mundo admiten millones de tonos de color. En cualquier caso, aquí tienes una lista de estos colores:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
En HTML, el color se puede especificar de tres formas:
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:
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 establecer 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:
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.
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.