Tabla de colores CSS: nombres, códigos numéricos y hexadecimales
Por ASP clásico / 10/09/2014 @ 13:50:22 / 1447 visitas
En diseño web, la elección del color adecuado puede tener un gran impacto en la apariencia y la efectividad de un sitio web. Para lograrlo, es importante conocer los nombres, códigos numéricos y hexadecimales de los colores disponibles en CSS. En este artículo, te presentaremos una tabla completa de colores CSS, que te ayudará a elegir los colores adecuados para tus proyectos de diseño web.
| Named | Numeric | Color name | Hex rgb | Decimal |
|---|---|---|---|---|
| black | #000000 | 0,0,0 | ||
| | silver | #C0C0C0 | 192,192,192 | |
| | gray | #808080 | 128,128,128 | |
| white | #FFFFFF | 255,255,255 | ||
| maroon | #800000 | 128,0,0 | ||
| red | #FF0000 | 255,0,0 | ||
| | purple | #800080 | 128,0,128 | |
| | fuchsia | #FF00FF | 255,0,255 | |
| green | #008000 | 0,128,0 | ||
| lime | #00FF00 | 0,255,0 | ||
| olive | #808000 | 128,128,0 | ||
| | yellow | #FFFF00 | 255,255,0 | |
| | navy | #000080 | 0,0,128 | |
| blue | #0000FF | 0,0,255 | ||
| teal | #008080 | 0,128,128 | ||
| aqua | #00FFFF | 0,255,255 |
| Named | Numeric | Color name | Hex rgb | Decimal |
|---|---|---|---|---|
| aliceblue | #f0f8ff | 240,248,255 | ||
| antiquewhite | #faebd7 | 250,235,215 | ||
| aqua | #00ffff | 0,255,255 | ||
| aquamarine | #7fffd4 | 127,255,212 | ||
| | azure | #f0ffff | 240,255,255 | |
| | beige | #f5f5dc | 245,245,220 | |
| bisque | #ffe4c4 | 255,228,196 | ||
| black | #000000 | 0,0,0 | ||
| blanchedalmond | #ffebcd | 255,235,205 | ||
| | blue | #0000ff | 0,0,255 | |
| | blueviolet | #8a2be2 | 138,43,226 | |
| brown | #a52a2a | 165,42,42 | ||
| burlywood | #deb887 | 222,184,135 | ||
| cadetblue | #5f9ea0 | 95,158,160 | ||
| | chartreuse | #7fff00 | 127,255,0 | |
| | chocolate | #d2691e | 210,105,30 | |
| coral | #ff7f50 | 255,127,80 | ||
| cornflowerblue | #6495ed | 100,149,237 | ||
| cornsilk | #fff8dc | 255,248,220 | ||
| | crimson | #dc143c | 220,20,60 | |
| | cyan | #00ffff | 0,255,255 | |
| darkblue | #00008b | 0,0,139 | ||
| darkcyan | #008b8b | 0,139,139 | ||
| darkgoldenrod | #b8860b | 184,134,11 | ||
| | darkgray | #a9a9a9 | 169,169,169 | |
| | darkgreen | #006400 | 0,100,0 | |
| darkgrey | #a9a9a9 | 169,169,169 | ||
| darkkhaki | #bdb76b | 189,183,107 | ||
| darkmagenta | #8b008b | 139,0,139 | ||
| | darkolivegreen | #556b2f | 85,107,47 | |
| | darkorange | #ff8c00 | 255,140,0 | |
| darkorchid | #9932cc | 153,50,204 | ||
| darkred | #8b0000 | 139,0,0 | ||
| darksalmon | #e9967a | 233,150,122 | ||
| | darkseagreen | #8fbc8f | 143,188,143 | |
| | darkslateblue | #483d8b | 72,61,139 | |
| darkslategray | #2f4f4f | 47,79,79 | ||
| darkslategrey | #2f4f4f | 47,79,79 | ||
| darkturquoise | #00ced1 | 0,206,209 | ||
| | darkviolet | #9400d3 | 148,0,211 | |
| | deeppink | #ff1493 | 255,20,147 | |
| deepskyblue | #00bfff | 0,191,255 | ||
| dimgray | #696969 | 105,105,105 | ||
| dimgrey | #696969 | 105,105,105 | ||
| | dodgerblue | #1e90ff | 30,144,255 | |
| | firebrick | #b22222 | 178,34,34 | |
| floralwhite | #fffaf0 | 255,250,240 | ||
| forestgreen | #228b22 | 34,139,34 | ||
| fuchsia | #ff00ff | 255,0,255 | ||
| | gainsboro | #dcdcdc | 220,220,220 | |
| | ghostwhite | #f8f8ff | 248,248,255 | |
| gold | #ffd700 | 255,215,0 | ||
| goldenrod | #daa520 | 218,165,32 | ||
| gray | #808080 | 128,128,128 | ||
| | green | #008000 | 0,128,0 | |
| | greenyellow | #adff2f | 173,255,47 | |
| grey | #808080 | 128,128,128 | ||
| honeydew | #f0fff0 | 240,255,240 | ||
| hotpink | #ff69b4 | 255,105,180 | ||
| | indianred | #cd5c5c | 205,92,92 | |
| | indigo | #4b0082 | 75,0,130 | |
| ivory | #fffff0 | 255,255,240 | ||
| khaki | #f0e68c | 240,230,140 | ||
| lavender | #e6e6fa | 230,230,250 | ||
| | lavenderblush | #fff0f5 | 255,240,245 | |
| | lawngreen | #7cfc00 | 124,252,0 | |
| lemonchiffon | #fffacd | 255,250,205 | ||
| lightblue | #add8e6 | 173,216,230 | ||
| lightcoral | #f08080 | 240,128,128 | ||
| | lightcyan | #e0ffff | 224,255,255 | |
| | lightgoldenrodyellow | #fafad2 | 250,250,210 | |
| lightgray | #d3d3d3 | 211,211,211 | ||
| lightgreen | #90ee90 | 144,238,144 | ||
| lightgrey | #d3d3d3 | 211,211,211 | ||
| | lightpink | #ffb6c1 | 255,182,193 | |
| | lightsalmon | #ffa07a | 255,160,122 | |
| lightseagreen | #20b2aa | 32,178,170 | ||
| lightskyblue | #87cefa | 135,206,250 | ||
| lightslategray | #778899 | 119,136,153 | ||
| | lightslategrey | #778899 | 119,136,153 | |
| | lightsteelblue | #b0c4de | 176,196,222 | |
| lightyellow | #ffffe0 | 255,255,224 | ||
| lime | #00ff00 | 0,255,0 | ||
| limegreen | #32cd32 | 50,205,50 | ||
| | linen | #faf0e6 | 250,240,230 | |
| | magenta | #ff00ff | 255,0,255 | |
| maroon | #800000 | 128,0,0 | ||
| mediumaquamarine | #66cdaa | 102,205,170 | ||
| mediumblue | #0000cd | 0,0,205 | ||
| | mediumorchid | #ba55d3 | 186,85,211 | |
| | mediumpurple | #9370db | 147,112,219 | |
| mediumseagreen | #3cb371 | 60,179,113 | ||
| mediumslateblue | #7b68ee | 123,104,238 | ||
| mediumspringgreen | #00fa9a | 0,250,154 | ||
| | mediumturquoise | #48d1cc | 72,209,204 | |
| | mediumvioletred | #c71585 | 199,21,133 | |
| midnightblue | #191970 | 25,25,112 | ||
| mintcream | #f5fffa | 245,255,250 | ||
| mistyrose | #ffe4e1 | 255,228,225 | ||
| | moccasin | #ffe4b5 | 255,228,181 | |
| | navajowhite | #ffdead | 255,222,173 | |
| navy | #000080 | 0,0,128 | ||
| oldlace | #fdf5e6 | 253,245,230 | ||
| olive | #808000 | 128,128,0 | ||
| | olivedrab | #6b8e23 | 107,142,35 | |
| | orange | #ffa500 | 255,165,0 | |
| orangered | #ff4500 | 255,69,0 | ||
| orchid | #da70d6 | 218,112,214 | ||
| palegoldenrod | #eee8aa | 238,232,170 | ||
| | palegreen | #98fb98 | 152,251,152 | |
| | paleturquoise | #afeeee | 175,238,238 | |
| palevioletred | #db7093 | 219,112,147 | ||
| papayawhip | #ffefd5 | 255,239,213 | ||
| peachpuff | #ffdab9 | 255,218,185 | ||
| | peru | #cd853f | 205,133,63 | |
| | pink | #ffc0cb | 255,192,203 | |
| plum | #dda0dd | 221,160,221 | ||
| powderblue | #b0e0e6 | 176,224,230 | ||
| purple | #800080 | 128,0,128 | ||
| | red | #ff0000 | 255,0,0 | |
| | rosybrown | #bc8f8f | 188,143,143 | |
| royalblue | #4169e1 | 65,105,225 | ||
| saddlebrown | #8b4513 | 139,69,19 | ||
| salmon | #fa8072 | 250,128,114 | ||
| | sandybrown | #f4a460 | 244,164,96 | |
| | seagreen | #2e8b57 | 46,139,87 | |
| seashell | #fff5ee | 255,245,238 | ||
| sienna | #a0522d | 160,82,45 | ||
| silver | #c0c0c0 | 192,192,192 | ||
| | skyblue | #87ceeb | 135,206,235 | |
| | slateblue | #6a5acd | 106,90,205 | |
| slategray | #708090 | 112,128,144 | ||
| slategrey | #708090 | 112,128,144 | ||
| snow | #fffafa | 255,250,250 | ||
| | springgreen | #00ff7f | 0,255,127 | |
| | steelblue | #4682b4 | 70,130,180 | |
| tan | #d2b48c | 210,180,140 | ||
| teal | #008080 | 0,128,128 | ||
| thistle | #d8bfd8 | 216,191,216 | ||
| | tomato | #ff6347 | 255,99,71 | |
| | turquoise | #40e0d0 | 64,224,208 | |
| violet | #ee82ee | 238,130,238 | ||
| wheat | #f5deb3 | 245,222,179 | ||
| white | #ffffff | 255,255,255 | ||
| | whitesmoke | #f5f5f5 | 245,245,245 | |
| | yellow | #ffff00 | 255,255,0 | |
| yellowgreen | #9acd32 | 154,205,50 |
Descubre más sobre cómo simplificar y optimizar tu trabajo empresarial en el Blog de CoreASP.
CSS, tabla de colores, color keywords, códigos numéricos, hexadecimales, diseño web, front-end development.
Descargo de Responsabilidad:
El contenido y los recursos que ofrecemos en CoreASP están destinados únicamente a proporcionar herramientas y ejemplos prácticos para el desarrollo en ASP Clásico. Esta información es de carácter general y no debe considerarse asesoramiento profesional o técnico específico para tu proyecto. Aunque hacemos todo lo posible por asegurar la calidad y precisión de los recursos compartidos, no garantizamos que sean completamente libres de errores o que se ajusten perfectamente a todas las situaciones. CoreASP no se responsabiliza por cualquier pérdida, daño o inconveniente derivado del uso directo o indirecto de los recursos o información proporcionada. Además, CoreASP no respalda ni asume responsabilidad por enlaces o contenido de terceros que puedan estar referenciados en nuestra plataforma. Todos los derechos de propiedad intelectual sobre el contenido y recursos publicados en CoreASP pertenecen a CoreASP o a sus respectivos propietarios, y su uso está sujeto a las condiciones de la licencia especificada para cada recurso. Nos reservamos el derecho de modificar este descargo de responsabilidad en cualquier momento sin previo aviso. Para más detalles, consulta el documento completo de términos y condiciones.
13/07/2025 @ 10:56:59
23/05/2025 @ 14:09:59
07/04/2025 @ 07:54:51
29/03/2025 @ 16:49:42
12/02/2025 @ 10:15:42
21/01/2025 @ 16:21:11
Recursos inteligentes para desarrollos con ASP Clásico.