Tabla de colores web

Tabla de colores en hexadecimal y RGB para páginas web.

Tabla de colores hexadecimal para web

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);

Colores Rojos para páginas web

Color Nombre castellano Nombre web 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

Colores Rosas para páginas web

Color Nombre castellano Nombre web 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

Colores Naranjas para páginas web

Color Nombre castellano Nombre web 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

Colores Amarillos para páginas web

Color Nombre castellano Nombre web 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

Colores Púrpuras para páginas web

Color Nombre castellano Nombre web 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

Colores Verdes para páginas web

Color Nombre castellano Nombre web 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

Colores Azules para páginas web

Color Nombre castellano Nombre web 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

Colores Marrones para páginas web

Color Nombre castellano Nombre web 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

Colores Blancos para páginas web

Color Nombre castellano Nombre web 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

Colores Grises para páginas web

Color Nombre castellano Nombre web 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.

Preguntas más frecuentes

¿Como usar estos colores de fondo en una web?

Mediante el comando HTML background-color: seguido del nombre, código hexadecimal, o RGB del color deseado.

¿Y si quiero usar el color para un texto?

Mediante el comando HTML color: seguido del nombre, código hexadecimal, o RGB del color deseado.

¿Cuantos colores debo usar en una web?

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.

Habla con uno de nuestros asesores

Asesor comercial Javier Romero

¡Hola! soy Javier Romero, asesor comercial con 12 años de experiencia. Te ayudaré y haremos crecer tu negocio. Presupuesto sin compromiso.