Te facilitamos una completa tabla de colores, organizados por tonos, con sus respectivos nombres, su código hexadecimal (por si deseas usarlos para una página web) y su código RGB. Podrás usar estos colores de 3 formas en tu página web, con su nombre en inglés, con su código hexadecimal, o con su código RGB. Un ejemplo del mismo color usándolo de 3 formas diferentes:
background-color:lightcoral;
background-color:#CD5C5C;
background-color: rgb(205, 92, 205);
| Color | Nombre castellano | Nombre HTML | Hexadecimal | RGB |
|---|---|---|---|---|
| Rojo Indio | IndianRed | #CD5C5C | 205, 92, 205 | |
| Coral Suave | LightCoral | #F08080 | 240, 128, 128 | |
| Salmón | Salmon | #FA8072 | 250, 128, 114 | |
| Salmón oscuro | DarkSalmon | #E9967A | 233, 150, 122 | |
| Salmón Suave | LightSalmon | #FFA07A | 255, 160, 122 | |
| Carmesí | Crimson | #DC143C | 220, 20, 60 | |
| Rojo Puro | Red | #FF0000 | 255, 0, 0 | |
| Rojo Fuego | FireBrick | #B22222 | 178, 34, 34 | |
| Rojo Oscuro | DarkRed | #8B0000 | 139, 0, 0 |
| Color | Nombre castellano | Nombre HTML | Hexadecimal | RGB |
|---|---|---|---|---|
| Rosa | Pink | #FFC0CB | 255, 192, 203 | |
| Rosa Suave | LightPink | #FFB6C1 | 255, 182, 193 | |
| Rosa Cálido | HotPink | #FF69B4 | 255, 105, 180 | |
| Rosa Profundo | DeepPink | #FF1493 | 255, 20, 147 | |
| Medio Violeta Rojo | MediumVioletRed | #C71585 | 199, 21, 133 | |
| Rosa Pastel | PaleVioletRed | #DB7093 | 219, 112, 147 |
| Color | Nombre castellano | Nombre HTML | Hexadecimal | RGB |
|---|---|---|---|---|
| Salmón Suave | LightSalmon | #FFA07A | 255, 160, 122 | |
| Naranja Coral | Coral | #FF7F50 | 255, 127, 80 | |
| Tomate | Tomato | #FF6347 | 255, 99, 71 | |
| Naranja Rojizo | OrangeRed | #FF4500 | 255, 69, 0 | |
| Naranja Oscuro | DarkOrange | #FF8C00 | 255, 140, 0 | |
| Naranja Puro | Orange | #FFA500 | 255, 165, 0 |
| Color | Nombre castellano | Nombre HTML | Hexadecimal | RGB |
|---|---|---|---|---|
| Amarillo Oro | Gold | #FFD700 | 255, 215, 0 | |
| Amarillo Puro | Yellow | #FFFF00 | 255, 255, 0 | |
| Amarillo Suave | LightYellow | #FFFFE0 | 255, 255, 224 | |
| Amarillo Limón | LemonChiffon | #FFFACD | 255, 250, 205 | |
| Amarillo Manzana Suave | LightGoldenrodYellow | #FAFAD2 | 250, 250, 210 | |
| Amarillo Papaya | PapayaWhip | #FFEFD5 | 255, 239, 213 | |
| Amarillo Mocasín | Moccasin | #FFE4B5 | 255, 228, 181 | |
| Amarillo Melocotón | PeachPuff | #FFDAB9 | 255, 218, 185 | |
| Amarillo Oro Pálido | PaleGoldenrod | #EEE8AA | 238, 232, 170 | |
| Amarillo Caqui | Khaki | #F0E68C | 240, 230, 140 | |
| Amarillo Caqui Oscuro | DarkKhaki | #BDB76B | 189, 183, 107 |
| Color | Nombre castellano | Nombre HTML | Hexadecimal | RGB |
|---|---|---|---|---|
| Espliego | Lavender | #E6E6FA | 230, 230, 250 | |
| Cardo | Thistle | #D8BFD8 | 216, 191, 216 | |
| Ciruela | Plum | #DDA0DD | 221, 160, 221 | |
| Violeta | Violet | #EE82EE | 238, 130, 238 | |
| Orquídea | Orchid | #DA70D6 | 218, 112, 214 | |
| Fucsia | Fuchsia | #FF00FF | 255, 0, 255 | |
| Magenta | Magenta | #FF00FF | 255, 0, 255 | |
| Orquídea Medio | MediumOrchid | #BA55D3 | 186, 85, 211 | |
| Púrpura Medio | MediumPurple | #9370DB | 147, 112, 219 | |
| Amatista | Amethyst | #9966CC | 153, 102, 204 | |
| Azul Violeta | BlueViolet | #8A2BE2 | 138, 43, 226 | |
| Violeta Oscuro | DarkViolet | #9400D3 | 148, 0, 211 | |
| Orquídea Oscuro | DarkOrchid | #9932CC | 153, 50, 204 | |
| Magenta Oscuro | DarkMagenta | #8B008B | 139, 0, 139 | |
| Púrpura | Purple | #800080 | 128, 0, 128 | |
| Índigo | Indigo | #4B0082 | 75, 0, 130 | |
| Azul Pizarra | SlateBlue | #6A5ACD | 106, 90, 205 | |
| Azul Pizarra Medio | MediumSlateBlue | #7B68EE | 123, 104, 238 | |
| Azul Pizarra Oscuro | DarkSlateBlue | #483D8B | 72, 61, 139 |
| Color | Nombre castellano | Nombre HTML | Hexadecimal | RGB |
|---|---|---|---|---|
| Verde Amarillento | GreenYellow | #ADFF2F | 173, 255, 47 | |
| Verde Cartujano | Chartreuse | #7FFF00 | 127, 255, 0 | |
| Verde Césped | LawnGreen | #7CFC00 | 124, 253, 0 | |
| Lima | Lime | #00FF00 | 0, 255, 0 | |
| Verde Lima | LimeGreen | #32CD32 | 50, 205, 50 | |
| Verde Pálido | PaleGreen | #98FB98 | 152, 251, 152 | |
| Verde Claro | LightGreen | #90EE90 | 144, 238, 144 | |
| Verde Primavera Medio | MediumSpringGreen | #00FA9A | 0, 250, 154 | |
| Verde Primavera | SpringGreen | #00FF7F | 0, 255, 127 | |
| Verde Mar Medio | MediumSeaGreen | #3CB371 | 60, 179, 113 | |
| Verde Mar | SeaGreen | #2E8B57 | 46, 139, 87 | |
| Verde Bosque | ForestGreen | #228B22 | 34, 139, 34 | |
| Verde | Green | #008000 | 0, 128, 0 | |
| Verde Oscuro | DarkGreen | #006400 | 0, 100, 0 | |
| Amarillo Verdoso | YellowGreen | #9ACD32 | 154, 205, 50 | |
| Verde Oliva | OliveDrab | #6B8E23 | 107, 142, 35 | |
| Oliva | Olive | #808000 | 128, 128, 0 | |
| Verde Oliva Oscuro | DarkOliveGreen | #556B2F | 85, 107, 47 | |
| Aguamarina Medio | MediumAquamarine | #66CDAA | 102, 205, 170 | |
| Verde Mar Oscuro | DarkSeaGreen | #8FBC8F | 143, 188, 143 | |
| Verde Mar Claro | LightSeaGreen | #20B2AA | 32, 178, 170 | |
| Cyan Oscuro | DarkCyan | #008B8B | 0, 139, 139 | |
| Carcel | Teal | #008080 | 0, 128, 128 |
| Color | Nombre castellano | Nombre HTML | Hexadecimal | RGB |
|---|---|---|---|---|
| Agua | Aqua | #00FFFF | 0, 255, 255 | |
| Cyan | Cyan | #00FFFF | 0, 255, 255 | |
| Cyan Suave | LightCyan | #E0FFFF | 224, 255, 255 | |
| Turquesa Pastel | PaleTurquoise | #AFEEEE | 175, 238, 238 | |
| Aguamarina | Aquamarine | #7FFFD4 | 127, 255, 212 | |
| Turquesa | Turquoise | #40E0D0 | 64, 224, 208 | |
| Turquesa Medio | MediumTurquoise | #48D1CC | 72, 209, 204 | |
| Turquesa Oscuro | DarkTurquoise | #00CED1 | 0, 206, 209 | |
| Azul Cadete | CadetBlue | #5F9EA0 | 95, 158, 160 | |
| Azul Acero | SteelBlue | #4682B4 | 70, 130, 180 | |
| Azul Acero Claro | LightSteelBlue | #B0C4DE | 176, 196, 222 | |
| Azul Pálido | PowderBlue | #B0E0E6 | 176, 224, 230 | |
| Azul Claro | LightBlue | #ADD8E6 | 173, 216, 230 | |
| Azul Cielo | SkyBlue | #87CEEB | 135, 206, 235 | |
| Azul Cielo Claro | LightSkyBlue | #87CEFA | 135, 206, 250 | |
| Azul Cielo Profundo | DeepSkyBlue | #00BFFF | 0, 191, 255 | |
| Azul Capota | DodgerBlue | #1E90FF | 30, 144, 255 | |
| Azul Añil | CornflowerBlue | #6495ED | 100, 149, 237 | |
| Azul Pizarra Medio | MediumSlateBlue | #7B68EE | 123, 104, 238 | |
| Azul Real | RoyalBlue | #4169E1 | 65, 105, 255 | |
| Azul | Blue | #0000FF | 0, 0, 255 | |
| Azul Medio | MediumBlue | #0000CD | 0, 0, 205 | |
| Azul Oscuro | DarkBlue | #00008B | 0, 0, 139 | |
| Azul Naval | Navy | #000080 | 0, 0, 128 | |
| Azul Media Noche | MidnightBlue | #191970 | 25, 25, 112 |
| Color | Nombre castellano | Nombre HTML | Hexadecimal | RGB |
|---|---|---|---|---|
| Seda de Maiz | Cornsilk | #FFF8DC | 255, 248, 220 | |
| Almendra | BlanchedAlmond | #FFEBCD | 255, 235, 205 | |
| Bizcocho | Bisque | #FFE4C4 | 255, 228, 196 | |
| Marrón Navaja | NavajoWhite | #FFDEAD | 255, 222, 173 | |
| Marrón Trigo | Wheat | #F5DEB3 | 245, 222, 179 | |
| Madera Fuerte | BurlyWood | #DEB887 | 222, 184, 135 | |
| Marrón bronceado | Tan | #D2B48C | 210, 180, 140 | |
| Marrón Atractivo | RosyBrown | #BC8F8F | 188, 143, 143 | |
| Marrón Arenoso | SandyBrown | #F4A460 | 224, 164, 96 | |
| Vara de Oro | Goldenrod | #DAA520 | 218, 165, 32 | |
| Vara de Oro Oscura | DarkGoldenrod | #B8860B | 184, 134, 11 | |
| Marrón Perú | Peru | #CD853F | 205, 133, 63 | |
| Marrón Chocolate | Chocolate | #D2691E | 210, 105, 30 | |
| Marrón Silla | SaddleBrown | #8B4513 | 139, 69, 19 | |
| Marrón Siena | Sienna | #A0522D | 160, 82, 45 | |
| Marrón | Brown | #A52A2A | 165, 42, 42 | |
| Castaño | Maroon | #800000 | 128, 0, 0 |
| Color | Nombre castellano | Nombre HTML | Hexadecimal | RGB |
|---|---|---|---|---|
| Blanco | White | #FFFFFF | 255, 255, 255 | |
| Blanco Nieve | Snow | #FFFAFA | 255, 250, 250 | |
| Miel Crema | Honeydew | #F0FFF0 | 240, 255, 240 | |
| Menta Crema | MintCream | #F5FFFA | 245, 255, 250 | |
| Azul Celeste | Azure | #F0FFFF | 240, 255, 255 | |
| Azul Alicia | AliceBlue | #F0F8FF | 240, 248, 255 | |
| Blanco Fantasma | GhostWhite | #F8F8FF | 248, 248, 255 | |
| Blanco Humo | WhiteSmoke | #F5F5F5 | 245, 245, 245 | |
| Concha de Mar | Seashell | #FFF5EE | 255, 245, 238 | |
| Beige | Beige | #F5F5DC | 245, 245, 220 | |
| Blanco Cordón Viejo | OldLace | #FDF5E6 | 253, 245, 230 | |
| Blanco Floral | FloralWhite | #FFFAF0 | 255, 250, 240 | |
| Blanco Marfil | Ivory | #FFFFF0 | 255, 255, 240 | |
| Blanco Antigüo | AntiqueWhite | #FAEBD7 | 250, 235, 215 | |
| Blanco Lino | Linen | #FAF0E6 | 250, 240, 230 | |
| Lavanda | LavenderBlush | #FFF0F5 | 255, 240, 245 | |
| Rosa Palo | MistyRose | #FFE4E1 | 255, 228, 225 |
| Color | Nombre castellano | Nombre HTML | Hexadecimal | RGB |
|---|---|---|---|---|
| Gainsboro | Gainsboro | #DCDCDC | 220, 220, 220 | |
| Gris Claro | LightGrey | #D3D3D3 | 211, 211, 211 | |
| Gris Plata | Silver | #C0C0C0 | 192, 192, 192 | |
| Gris Oscuro | DarkGray | #A9A9A9 | 169, 169, 169 | |
| Gris | Gray | #808080 | 128, 128, 128 | |
| Gris Ténue | DimGray | #696969 | 105, 105, 105 | |
| Gris Pizarra Claro | LightSlateGray | #778899 | 119, 136, 153 | |
| Gris Pizarra | SlateGray | #708090 | 112, 128, 144 | |
| Gris Pizarra Oscuro | DarkSlateGray | #2F4F4F | 47, 79, 79 | |
| Negro | Black | #000000 | 0, 0, 0 |
Esto es una pagina para combinar colores para diseño web en html, facilitamos una paleta de colores adecuados para el diseño web, También puedes usar estás combinaciones para la decoración o el diseño gráfico. Como ejemplo mostramos varios comandos html usando una combinacion de colores para fondos web (Background), 100% compatibles y adecuados para web. En nuestra tabla puedes encontrar desde combinaciones de colores llamativos a ideas de como elegir el color ideal para el diseño de tu página web.
Todos los colores vienen indicados con su nombre en inglés, su código hexadecimal, y su código RGB (Red Green Blue), cualquiera de estas 3 formas son adecuadas para usarlos como fondos en tus páginas web. También se pueden usar para darle color a las letras, en este caso el código html que necesitarás es el siguiente:
color:lightcoral;
color:#CD5C5C;
color: rgb(205, 92, 205);Para usar estos colores en cualquier página web, deberás usar los comandos antes explicados dentro de etiquetas STYLE, escritas en el cuerpo HTML de tu web, vamos a poner un ejemplo de una caja verde, con un texto rojo:
<div style="color:red;background-color:green;"> Aquí iría tu texto </div>Si tienes cualquier duda o pregunta sobre nuestra tabla de colores para páginas web, puedes usar el siguiente formulario para enviárnosla y trataremos de responderte.
Mediante el comando HTML background-color: seguido del nombre, código hexadecimal, o RGB del color deseado.
Mediante el comando HTML color: seguido del nombre, código hexadecimal, o RGB del color deseado.
Si buscas realizar un diseño web profesional, nosotros recomendamos usar un color primario, el que más presencia y protagonismo tendrá a lo largo de toda la web. Luego usaría otros 2 colores complementarios como máximo, para detalles como los botones, los rótulos, los enlaces de leer más, etc.
Recuerda que si usas varios tonos muy parecidos pueden matarse, es más sencillo usar colores completamente diferentes. Una web Monocromática está bastante pasado de moda.
Información básica sobre protección de datos Responsable: Cerotec Estudios S.L. Datos de contacto DPO: info@cerotec.net Finalidad: Gestionar su comentario. Base jurídica en la que se basa el tratamiento: consentimiento del interesado al suscribirse. Destinatarios: No se cederán datos a terceros, salvo obligación legal o salvo a empresas proveedoras nacionales y encargados de tratamiento. Derechos: Acceder, rectificar y suprimir los datos, así como otros derechos como se explica en la información adicional. Información adicional: Puede consultar la información adicional y detallada sobre Protección de Datos en: https://www.cerotec.net/privacidad/.
¡Hola! soy Javier Romero, asesor comercial con 12 años de experiencia. Te ayudaré y haremos crecer tu negocio. Presupuesto sin compromiso.
