Tabla (paleta) de colores html le da la oportunidad de elegir independientemente el tono que necesita. El valor del color se muestra en tres formatos: hexadecimal, RGB y HSV.
Introduzca el código de color: VAMOS
La tabla enumera los nombres de los colores en idioma en Inglés(que se pueden usar como valores) compatibles con todos los navegadores y sus valores hexadecimales. Todos los colores enumerados son "seguros", lo que significa que se reproducirán de la misma manera en todos los navegadores.
Nombre del color | MALEFICIO | Color |
---|---|---|
Negro | #000000 | |
Armada | #000080 | |
azul oscuro | #00008B | |
Azul medio | #0000CD | |
Azul | #0000FF | |
verde oscuro | #006400 | |
Verde | #008000 | |
verde azulado | #008080 | |
cian oscuro | #008B8B | |
azul cieloprofundo | #00BFFF | |
turquesa oscuro | #00CED1 | |
MedioPrimaveraVerde | #00FA9A | |
Lima | #00FF00 | |
Primavera verde | #00FF7F | |
Agua | #00FFFF | |
cian | #00FFFF | |
azul medianoche | #191970 | |
Dodger azul | #1E90FF | |
luzmarverde | #20B2AA | |
bosque verde | #228B22 | |
verde mar | #2E8B57 | |
oscurogris pizarra | #2F4F4F | |
Verde lima | #32CD32 | |
MedioMarVerde | #3CB371 | |
Turquesa | #40E0D0 | |
Azul real | #4169E1 | |
azul acero | #4682B4 | |
DarkSlateBlue | #483D8B | |
Turquesa Medio | #48D1CC | |
Índigo | #4B0082 | |
OscuroOlivaVerde | #556B2F | |
Cadete Azul | #5F9EA0 | |
AcianoAzul | #6495ED | |
MedioAquaMarine | #66CDAA | |
gris tenue | #696969 | |
Azul pizarra | #6A5ACD | |
Verde oliva | #6B8E23 | |
Gris Pizarra | #708090 | |
Gris Pizarra Claro | #778899 | |
MedioPizarraAzul | #7B68EE | |
CéspedVerde | #7CFC00 | |
monasterio | #7FFF00 | |
aguamarina | #7FFFD4 | |
granate | #800000 | |
Violeta | #800080 | |
Aceituna | #808000 | |
Gris | #808080 | |
cielo azul | #87CEEB | |
LuzCieloAzul | #87CEFA | |
Violeta Azul | #8A2BE2 | |
rojo oscuro | #8B0000 | |
Magenta oscuro | #8B008B | |
SillínMarrón | #8B4513 | |
oscuromarverde | #8FBC8F | |
Verde claro | #90EE90 | |
Púrpura Medio | #9370D8 | |
Violeta oscuro | #9400D3 | |
Verde pálido | #98FB98 | |
orquídea oscura | #9932CC | |
amarillo verde | #9ACD32 | |
Tierra de siena | #A0522D | |
Marrón | #A52A2A | |
gris oscuro | #A9A9A9 | |
azul claro | #ADD8E6 | |
Verde amarillo | #ADFF2F | |
turquesa pálido | #AFEEEE | |
LightSteelAzul | #B0C4DE | |
Azul pálido | #B0E0E6 | |
Ladrillo refractario | #B22222 | |
DarkGoldenRod | #B8860B | |
orquídea mediana | #BA55D3 | |
RosyBrown | #BC8F8F | |
caqui oscuro | #BDB76B | |
Plata | #C0C0C0 | |
MedioVioletaRojo | #C71585 | |
IndioRojo | #CD5C5C | |
Perú | #CD853F | |
Chocolate | #D2691E | |
Broncearse | #D2B48C | |
gris claro | #D3D3D3 | |
PálidoVioletaRojo | #D87093 | |
Cardo | #D8BFD8 | |
Orquídea | #DA70D6 | |
vara de oro | #DAA520 | |
carmesí | #DC143C | |
Gainsboro | #DCDCDC | |
Ciruela | #DDA0DD | |
Burlywood | #DEB887 | |
Cian claro | #E0FFFF | |
Lavanda | #E6E6FA | |
salmón oscuro | #E9967A | |
Violeta | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
coral claro | #F08080 | |
Caqui | #F0E68C | |
Alice azul | #F0F8FF | |
gotas de miel | #F0FFF0 | |
Azur | #F0FFFF | |
marrón arena | #F4A460 | |
Trigo | #F5DEB3 | |
Beige | #F5F5DC | |
humo blanco | #F5F5F5 | |
mentacrema | #F5FFFA | |
fantasma blanco | #F8F8FF | |
Salmón | #FA8072 | |
blanco antiguo | #FAEBD7 | |
lino | #FAF0E6 | |
LuzOroRodAmarillo | #FAFAD2 | |
encaje viejo | #FDF5E6 | |
Rojo | #FF0000 | |
Fucsia | #FF00FF | |
Magenta | #FF00FF | |
Rosa profundo | #FF1493 | |
Rojo naranja | #FF4500 | |
tomate | #FF6347 | |
Rosa caliente | #FF69B4 | |
Coral | #FF7F50 | |
naranja oscuro | #FF8C00 | |
Salmón claro | #FFA07A | |
Naranja | #FFA500 | |
Rosa claro | #FFB6C1 | |
Rosado | #FFC0CB | |
Oro | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoBlanco | #FFDAD | |
Mocasín | #FFE4B5 | |
Sopa de mariscos | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Almendra Blanqueada | #FFEBCD | |
Látigo De Papaya | #FFEFD5 | |
lavandarubor | #FFF0F5 | |
concha | #FFF5EE | |
Seda de maiz | #FFF8DC | |
limóngasa | #FFFACD | |
FloralBlanco | #FFFAF0 | |
Nieve | #FFFAFA | |
Amarillo | #FFFF00 | |
Amarillo claro | #FFFFE0 | |
Marfil | #FFFFF0 | |
Blanco | #FFFFFF |
HEX es un sistema hexadecimal para representar colores en base 16. Para este sistema, se utilizan dígitos decimales arábigos del 0 al 9 y letras latinas de la A a la F para complementar el número digital hasta el 16. Para el diseño web, 16 colores primarios (clave) , el llamado código de color hexadecimal #RRGGBB, donde cada par es responsable de su parte de color: RR - rojo, GG - verde y BB - azul. Cada fracción de color va de 00 a FF.
Otras dos representaciones de color en el diseño web son: en forma de RGB(*,*,*), donde cada parte "*" del color está representada por dígitos decimales del 0 al 255 y por nombres de color en inglés.
A la hora de crear una imagen en color, el principal problema es la correcta reproducción de los colores en diferentes tipos de ordenadores, monitores y navegadores. Si el navegador no puede reproducir un color correctamente, hace coincidir o mezcla varios colores. Y a veces se puede reemplazar con un color completamente diferente.
Mesa 16 colores primarios, que se utilizan en todos los navegadores
Nombre | Color | maleficio | (RGB) |
Aqua (ola de mar) | #00FFFF | (000,255,255) | |
Negro Negro) | #000000 | (000,000,000) | |
Azul Azul) | #0000FF | (000,000,255) | |
Fucsia (magenta) | #FF00FF | (255,000,255) | |
gris (gris) | #808080 | (128,128,128) | |
Verde verde) | #008000 | (000,128,000) | |
Lima (verde brillante) | #00FF00 | (000,255,000) | |
Granate (granate) | #800000 | (128,000,000) | |
Azul marino (azul oscuro) | #000080 | (000,000,128) | |
Oliva (oliva) | #808000 | (128,128,000) | |
Púrpura (púrpura) | #800080 | (128,000,128) | |
Rojo rojo) | #FF0000 | (255,000,000) | |
Plata (plata) | #C0C0C0 | (192,192,192) | |
Verde azulado (gris verde) | #008080 | (000,128,128) | |
Blanco Blanco) | #FFFFFF | (255,255,255) | |
amarillo (amarillo) | #FFFF00 | (255,255,000) |
Mesa violeta colores y matices
Nombre | Color | maleficio | (RGB) |
magenta (magenta) | #FFCBDB | (255,203,219) | |
magenta (magenta) | #FF0099 | (255,000,153) | |
magenta (magenta) | #F95A61 | (249,090,097) | |
Fucsia (fucsia) | #FF00FF | (255,000,255) | |
Mauveine (púrpura de anilina) | #EF0097 | (239,000,151) | |
Rosa salmón (rosa anaranjado) | #FF91A4 | (255,145,164) | |
Cenise (un tono de magenta) | #DE3163 | (153,149,140) | |
Berenjena Berenjena (Berenjena) | #990066 | (153,000,132) | |
Rubor lavanda (lavanda rosada) |  #FFF0F5 | (255,240,245) | |
Lila (lila) | #C8A2C8 | (200,162,200) | |
magenta (magenta) | #FF008F | (255,000,143) | |
orquídea (orquídea) | #DA70D6 | (218,112,214) | |
Rojo-violeta (púrpura-rojo) | #C71585 | (199,021,133) | |
Sanguíneo (sanguíneo) | #92000A | (146,000,010) | |
Cardo (un tono de magenta) | #D8BFD8 | (185,211,238) | |
Berenjena violeta (un tono de magenta) | #991199 | (153,017,153) | |
Rosa vivo (rosa intenso) | #FF007F | (255,000,127) | |
Lavanda-rosa (un tono de púrpura) | #FBA0E3 | (108,123,139) | |
Mountbatten rosa (Mounbatten rosa) | #997ABD | (153,122,141) |
Mesa gris colores y matices
Nombre | Color | maleficio | (RGB) |
Gris) | #808080 | (128,128,128) | |
Gris) | #bebebe | (190,190,190) | |
(tinte gris) | #858585 | (133,133,133) | |
Gray33 (Gris-33) | #545454 | (084,084,084) | |
(pizarra gris) | #708090 | (112,128,144) | |
(Cuarzo) | #99958с | (153,149,140) | |
(Gris claro) | #bbbbbb | (187,187,187) | |
(Plata) | #c0c0c0 | (192,192,192) | |
(gris blanco) | #f0f0f0 | (240,240,240) | |
(Barbas de Abdel-Kerim) | #e0e0e0 | (224,224,224) | |
Gris claro (gris claro) | #d3d3d3 | (211,211,211) | |
LightStateGray() | #778899 | (119,136,153) | |
StateGray-1 (Azul aciano pálido1) | #c6e2ff | (198,226,255) | |
StateGray-2 (Azul aciano pálido2) | #b9d3ee | (185,211,238) | |
EstadoGray3() | #9fb6cd | (159,182,205) | |
EstadoGray4() | #6c7b8b | (108,123,139) |
En HTML, el color se puede especificar de tres formas:
Algunos colores se pueden especificar por su nombre, usando el nombre del color en inglés como valor. Las palabras clave más comunes: negro (negro), blanco (blanco), rojo (rojo), verde (verde), azul (azul), etc.:
Color del texto: rojo
Los colores más populares del estándar World Wide Web Consortium (W3C) son:
Color | Nombre | Color | Nombre | Color | Nombre | Color | Nombre |
---|---|---|---|---|---|---|---|
Negro | Gris | Plata | Blanco | ||||
Amarillo | Lima | Agua | Fucsia | ||||
Rojo | Verde | Azul | Violeta | ||||
granate | Aceituna | Armada | verde azulado |
Un ejemplo del uso de diferentes nombres de colores:
Cuando se muestran diferentes colores en el monitor, se toma como base la paleta RGB. Cualquier color se obtiene mezclando los tres principales: R - rojo, G - verde (verde), B - azul (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 representa como rojo porque el rojo está configurado en su valor más alto (255) y el el resto se establece en 0. También puede establecer el color como un porcentaje. Cada uno de los parámetros indica el nivel de brillo del color correspondiente. Por ejemplo: los valores rgb(127, 255, 127) y rgb(50%, 100%, 50%) configurarán el mismo color verde de saturación media:
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 decimal 0- 255). El sistema hexadecimal, a diferencia del sistema decimal, se basa, como su nombre lo indica, en el número 16. El sistema hexadecimal utiliza los siguientes caracteres: 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 de 15 en el sistema hexadecimal son la unión de dos caracteres en un solo valor. Por ejemplo, el número más alto 255 en decimal corresponde al FF más alto en hexadecimal. A diferencia del sistema decimal, el número hexadecimal está precedido por un signo de libra. # , por ejemplo, #FF0000 se muestra como rojo porque el rojo está configurado en su valor más alto (FF) y los demás colores están configurados en su valor mínimo (00). Caracteres después del símbolo hash # se puede escribir tanto en mayúsculas como en minúsculas. El sistema hexadecimal te permite usar la forma abreviada #rgb, donde cada carácter es igual a dos veces. Por lo tanto, la entrada #f7O debe considerarse como #ff7700.
Lista de colores de uso común (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 | |
Bondi Azul | 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 primavera oscuro | Verde primavera oscuro | #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 | |
Lima | Lima | #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 | |
Violeta | Violeta | #800080 | 128 | 0 | 128 | |
Rojo | Rojo | #FF0000 | 255 | 0 | 0 | |
Azafrán | Azafrán | #F4C430 | 244 | 196 | 48 | |
verde mar | Mar verde | #2E8B57 | 46 | 139 | 87 | |
verde pantano | Bolotni | #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 tonalidad.
>>Gestión del color
Los métodos para describir y procesar colores difieren entre sí en la representación final a la que están destinados. Comparemos, por ejemplo, representaciones de colores para poligrafía y para monitores de computadora. En el primer caso, la base es blanco el color del papel sobre el que se aplican posteriormente los tres colores primarios: azul, violeta y amarillo. Mezclados entre sí y con el color blanco del papel en distintas proporciones, estos tres colores primarios dan diferentes matices de color, excepto el negro puro, o en ausencia total de colores dan el papel blanco. Si les agregamos negro, obtenemos CMYK- una forma de transmitir el color cuando se obtiene el color deseado restando los colores que faltan del blanco.
En el segundo caso, la base es negro el color de la pantalla del monitor, cada celda de la cual brilla en uno de tres colores: rojo-rojo, verde-verde y azul-azul. Luego, en ausencia total de brillo, obtenemos un color negro puro de la pantalla, 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 transferencia de color. Los colores primarios pueden tener significados de 0
antes de 255
, o de 0%
antes de 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 en su serie de dígitos, sino dieciséis, de ahí el nombre. En consecuencia, las variantes no repetitivas de combinaciones de dos dígitos solo pueden ser: 256 , para continuar la serie de dígitos después 9 cartas de A antes de F, por lo que la fila se verá así:
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
En este caso, el color viene dado por tres números hexadecimales, cada uno de los cuales consta de dos dígitos. El primer número determina la intensidad. rojo colores, promedio verde, última cosa- azul colores. Todos los números pueden tomar valores que van desde 00 antes de 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 establecer cualquier valor hexadecimal para cada uno de los tres colores y ver el resultado de su mezcla haciendo clic en el campo de salida.
Ejemplos de algunos valores de color RGB hexadecimales: gradaciones de rojo, azul y verde.
vista | el código | vista | el código | vista | el código | vista | el código | vista | el código | vista | el 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 el uso, algunos colores y sus combinaciones recibieron 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 los colores:
vista | nombre | vista | nombre | vista | nombre | vista | nombre |
Blanco | Rojo | Naranja | Amarillo | ||||
Verde | Azul | Violeta | Negro | ||||
Alice azul | blanco antiguo | Agua | aguamarina | ||||
Azur | Beige | Sopa de mariscos | almendras blanqueadas | ||||
Violeta Azul | Marrón | Burlywood | cadeteazul | ||||
monasterio | Chocolate | Coral | azul aciano | ||||
Seda de maiz | carmesí | cian | azul oscuro | ||||
cian oscuro | vara de oro oscuro | gris oscuro | verde oscuro | ||||
caqui oscuro | magenta oscuro | verdeolivaoscuro | 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 | cielo azul profundo | gris oscuro | dodger azul | ||||
Ladrillo refractario | Blanco flores | bosque verde | fucsia | ||||
Gainsboro | fantasma blanco | 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 | ligerofríovarillaamarillo | verde claro | ||||
gris claro | Rosa claro | salmón claro | Verdemar claro | ||||
Celeste claro | Gris pizarra claro | azul acero claro | amarillo claro | ||||
Lima | Verde lima | lino | Magenta | ||||
granate | medio aguamarina | azul medio | orquídea mediana | ||||
Púrpura medio | mediomarverde | Medioazul pizarra | Medioverdeprimavera | ||||
turquesa medio | rojo violeta medio | azul medianoche | crema de menta | ||||
rosa brumosa | Navajoblanco | Armada | encaje viejo | ||||
Aceituna | Verde oliva | rojo naranja | Orquídea | ||||
vara de oropalido | Verde pálido | turquesa pálido | rojo violeta pálido | ||||
Papayawhip | melocotonero | Perú | Rosado | ||||
Ciruela | Azul pálido | marrón rosáceo | azul real | ||||
marron | 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. La cuestión es que el navegador siempre intenta ajustar la paleta de colores del documento a la configuración del sistema y las capacidades del monitor, mezclando y reemplazando colores por sí solo. Como resultado, a veces el usuario no ve exactamente lo que el webmaster quería mostrarle. La salida a esta situación se encontró en el uso de una paleta, cada color de la cual se garantiza que se reproducirá de la misma manera en todos los navegadores en diferentes plataformas. Este llamado garantizado paleta, también conocida como seguro paleta. Esta paleta incluye colores cuyos componentes de color toman los siguientes valores: 00 ,33 ,66 ,99 , CC,FF, en todo lo posible 216 sus combinaciones.
vista | el código | vista | el código | vista | el código | vista | el código | vista | el código | vista | el 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 códigos de color en CSS se utilizan para especificar colores. Por lo general, los códigos de color o los valores de color se utilizan para establecer un color para el primer plano de un elemento (por ejemplo, texto, color de enlace) o el fondo del elemento (fondo, color de bloque). También se pueden usar para cambiar el color de los botones, los bordes, el marcador, el desplazamiento y otros efectos decorativos.
Puede establecer sus valores de color en varios formatos. La siguiente tabla enumera todos los formatos posibles:
Estos formatos se describen con más detalle a continuación.
código de color hexadecimal es una representación de color de seis dígitos. Los dos primeros dígitos (RR) son el valor rojo, los dos siguientes son el valor verde (GG) y los dos últimos son el valor azul (BB).
Código de color hexadecimal corto es una forma más corta de notación de seis caracteres. En este formato, cada dígito se repite para producir el valor de color de seis dígitos equivalente. Por ejemplo: #0F0 se convierte en #00FF00.
El valor hexadecimal se puede tomar de cualquier gráfico software, como Adobe Photoshop, dibujo de núcleo, etc.
Cada código de color hexadecimal en CSS estará precedido por un signo de almohadilla "#". Los siguientes son ejemplos del uso de la notación hexadecimal.
valor RGB es un código de color que se establece mediante la propiedad rgb(). Esta propiedad toma tres valores: uno para rojo, verde y azul. El valor puede ser un número entero, de 0 a 255, o un porcentaje.
Nota: No todos los navegadores admiten la propiedad de color rgb(), por lo que no se recomienda su uso.
A continuación se muestra un ejemplo que muestra varios colores utilizando valores RGB.
Puede crear millones de códigos de color con nuestro servicio.
A continuación se muestra una tabla de 216 colores que son los más seguros e independientes de la computadora. Estos colores en CSS van desde 000000 hasta el código hexadecimal FFFFFF. Son seguros de usar ya que aseguran que todas las computadoras muestren el color correctamente cuando trabajen con la paleta de 256 colores.
Tabla de colores "seguros" en CSS | |||||
#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 |