3/7/23, 21:17 Colores html: 【Tabla con Nombres ✚ Códigos CSS】

paleta de colores ► colores html

Colores en html: códigos, nombres + tabla

Los códigos de colores en HTML son combinaciones de tres colores en formato hexadecimal que
representan los colores rojo, verde y azul (#RRGGBB). Estos códigos son ampliamente utilizados
en la creación de páginas web para cambiar el color de fondo, texto y tablas, así como en programas de
edición de imágenes como Adobe Photoshop.

En este artículo hablaremos sobre los códigos de colores y nombres HTML, cómo se forman y cómo
funcionan.

https://paletadecolores.online/colores-html/ 1/13
3/7/23, 21:17 Colores html: 【Tabla con Nombres ✚ Códigos CSS】

Nombres de colores en HTML

Además de los códigos de colores hexadecimales, HTML también admite una serie de nombres de
colores predefinidos que se pueden utilizar en lugar de los códigos.

Algunos de los nombres de colores comunes son: "red", "green", "blue", "yellow", "white", "black" y
"gray".

Por ejemplo, en lugar de utilizar el código #FF0000 para el color rojo, se puede utilizar el nombre
de color en inglés "red" en HTML y CSS. Este formato es más fácil de recordar que los códigos
hexadecimales, y pueden ser útiles en situaciones donde se necesita un color específico.

Formato de los códigos de colores en HTML

Cada código de color en HTML está compuesto por el símbolo "#" seguido de seis letras o números.
Estos números están en sistema numeral hexadecimal, lo que significa que cada letra o número
representa un valor numérico que va del 0 al 15.

Por ejemplo, la letra "A" en hexadecimal representa el número 10 en decimal, mientras que la letra
"F" representa el número 15. Por lo tanto, la combinación de letras y números en un código de color
hexadecimal puede representar cualquier valor numérico entre 0 y 255 en cada uno de los componentes
de color (rojo, verde y azul).

Cómo funciona la teoría de los códigos de colores HTML

Cada código de color en HTML representa la combinación de tres valores numéricos que
representan la intensidad de los colores rojo, verde y azul. Estos valores se combinan para crear el
color deseado.

Por ejemplo, el código de color #FF0000 representa la intensidad máxima de color rojo, y la ausencia total
de los colores verde y azul. Como resultado, el color que se muestra es rojo puro.

Del mismo modo, el código de color #00FF00 representa la intensidad máxima de color verde, y la
ausencia total de los colores rojo y azul. Como resultado, el color que se muestra es verde puro.

Tabla de colores html

https://paletadecolores.online/colores-html/ 2/13
3/7/23, 21:17 Colores html: 【Tabla con Nombres ✚ Códigos CSS】

🔗 tonos rojos 🔗 tonos azules 🔗 tonos verdes

🔗 tonos rosa 🔗 tonos violetas 🔗 tonos grises

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

indianred lightcoral salmon darksalmon

#cd5c5c #f08080 #fa8072 #e9967a

rgb(205,92,92) rgb(240,128,128) rgb(250,128,114) rgb(233,150,122)

hsl(0,54%,59%) hsl(0,79%,73%) hsl(7,94%,72%) hsl(16,72%,70%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

lightsalmon crimson red firebrick

#ffa07a #dc143c #ff0000 #b22222

rgb(255,160,122) rgb(220,20,60) rgb(255,0,0) rgb(178,34,34)

hsl(18,100%,74%) hsl(348,84%,48%) hsl(0,100%,50%) hsl(0,68%,42%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

darkred cyan lightcyan paleturquoise

#8b0000 #00ffff #e0ffff #afeeee

rgb(139,0,0) rgb(0,255,255) rgb(224,255,255) rgb(175,238,238)

hsl(0,100%,28%) hsl(180,100%,50%) hsl(180,100%,94%) hsl(180,65%,81%)

https://paletadecolores.online/colores-html/ 3/13
3/7/23, 21:17 Colores html: 【Tabla con Nombres ✚ Códigos CSS】

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

aquamarine turquoise mediumturquoise darkturquoise

#7fffd4 #40e0d0 #48d1cc #00ced1

rgb(127,255,212) rgb(64,224,208) rgb(72,209,204) rgb(0,206,209)

hsl(160,100%,75%) hsl(174,73%,57%) hsl(178,60%,56%) hsl(181,100%,41%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

cadetblue steelblue lightsteelblue powderblue

#5f9ea0 #4682b4 #b0c4de #b0e0e6

rgb(95,158,160) rgb(70,130,180) rgb(176,196,222) rgb(176,224,230)

hsl(182,26%,50%) hsl(208,44%,50%) hsl(214,42%,79%) hsl(187,52%,80%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

lightblue skyblue lightskyblue deepskyblue

#add8e6 #87ceeb #87cefa #00bfff

rgb(173,216,230) rgb(135,206,235) rgb(135,206,250) rgb(0,191,255)

hsl(195,54%,80%) hsl(198,72%,73%) hsl(203,92%,76%) hsl(196,100%,50%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

https://paletadecolores.online/colores-html/ 4/13
3/7/23, 21:17 Colores html: 【Tabla con Nombres ✚ Códigos CSS】

dodgerblue cornflowerblue mediumslateblue royalblue

#1e90ff #6495ed #7b68ee #4169e1

rgb(30,144,255) rgb(100,149,237) rgb(123,104,238) rgb(65,105,225)

hsl(210,100%,56%) hsl(219,80%,67%) hsl(249,80%,68%) hsl(225,73%,57%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

blue mediumblue darkblue navy

#0000ff #0000cd #00008b #000080

rgb(0,0,255) rgb(0,0,205) rgb(0,0,139) rgb(0,0,128)

hsl(240,100%,50%) hsl(240,100%,41%) hsl(240,100%,28%) hsl(240,100%,26%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

midnightblue greenyellow chartreuse lawngreen

#191970 #adff2f #7fff00 #7cfc00

rgb(25,25,112) rgb(173,255,47) rgb(127,255,0) rgb(124,252,0)

hsl(240,64%,27%) hsl(84,100%,60%) hsl(91,100%,50%) hsl(91,100%,50%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

lime limegreen palegreen lightgreen

#00ff00 #32cd32 #98fb98 #90ee90

rgb(0,255,0) rgb(50,205,50) rgb(152,251,152) rgb(144,238,144)

hsl(120,100%,50%) hsl(120,61%,50%) hsl(120,93%,80%) hsl(120,74%,75%)

https://paletadecolores.online/colores-html/ 5/13
3/7/23, 21:17 Colores html: 【Tabla con Nombres ✚ Códigos CSS】

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

mediumspringgreen springgreen mediumseagreen seagreen

#00fa9a #00ff7f #3cb371 #2e8b57

rgb(0,250,154) rgb(0,255,127) rgb(60,179,113) rgb(46,139,87)

hsl(157,100%,50%) hsl(150,100%,50%) hsl(147,50%,47%) hsl(147,51%,37%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

forestgreen green darkgreen yellowgreen

#228b22 #008000 #006400 #9acd32

rgb(34,139,34) rgb(0,128,0) rgb(0,100,0) rgb(154,205,50)

hsl(120,61%,34%) hsl(120,100%,26%) hsl(120,100%,20%) hsl(80,61%,50%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

olivedrab olive darkolivegreen mediumaquamarine

#6b8e23 #808000 #556b2f #66cdaa

rgb(107,142,35) rgb(128,128,0) rgb(85,107,47) rgb(102,205,170)

hsl(80,61%,35%) hsl(60,100%,26%) hsl(82,39%,31%) hsl(160,51%,61%)

Copiar Copiar Copiar Copiar

https://paletadecolores.online/colores-html/ 6/13
3/7/23, 21:17 Colores html: 【Tabla con Nombres ✚ Códigos CSS】

explorar explorar explorar explorar

darkseagreen lightseagreen darkcyan teal

#8fbc8f #20b2aa #008b8b #008080

rgb(143,188,143) rgb(32,178,170) rgb(0,139,139) rgb(0,128,128)

hsl(120,26%,65%) hsl(177,70%,42%) hsl(180,100%,28%) hsl(180,100%,26%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

pink lightpink hotpink deeppink

#ffc0cb #ffb6c1 #ff69b4 #ff1493

rgb(255,192,203) rgb(255,182,193) rgb(255,105,180) rgb(255,20,147)

hsl(350,100%,88%) hsl(351,100%,86%) hsl(330,100%,71%) hsl(328,100%,54%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

mediumvioletred palevioletred cornsilk blanchedalmond

#c71585 #db7093 #fff8dc #ffebcd

rgb(199,21,133) rgb(219,112,147) rgb(255,248,220) rgb(255,235,205)

hsl(323,81%,44%) hsl(341,60%,65%) hsl(48,100%,94%) hsl(36,100%,91%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

bisque navajowhite wheat burlywood

#ffe4c4 #ffdead #f5deb3 #deb887

https://paletadecolores.online/colores-html/ 7/13
3/7/23, 21:17 Colores html: 【Tabla con Nombres ✚ Códigos CSS】

rgb(255,228,196) rgb(255,222,173) rgb(245,222,179) rgb(222,184,135)

hsl(33,100%,89%) hsl(36,100%,84%) hsl(40,77%,84%) hsl(34,57%,70%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

tan rosybrown sandybrown goldenrod

#d2b48c #bc8f8f #f4a460 #daa520

rgb(210,180,140) rgb(188,143,143) rgb(244,164,96) rgb(218,165,32)

hsl(35,44%,69%) hsl(0,26%,65%) hsl(28,88%,67%) hsl(43,75%,50%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

darkgoldenrod peru chocolate saddlebrown

#b8860b #cd853f #d2691e #8b4513

rgb(184,134,11) rgb(205,133,63) rgb(210,105,30) rgb(139,69,19)

hsl(43,89%,39%) hsl(30,59%,53%) hsl(25,75%,48%) hsl(25,76%,31%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

sienna brown maroon lightsalmon

#a0522d #a52a2a #800000 #ffa07a

rgb(160,82,45) rgb(165,42,42) rgb(128,0,0) rgb(255,160,122)

hsl(20,57%,41%) hsl(0,60%,41%) hsl(0,100%,26%) hsl(18,100%,74%)

https://paletadecolores.online/colores-html/ 8/13
3/7/23, 21:17 Colores html: 【Tabla con Nombres ✚ Códigos CSS】

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

coral tomato orangered darkorange

#ff7f50 #ff6347 #ff4500 #ff8c00

rgb(255,127,80) rgb(255,99,71) rgb(255,69,0) rgb(255,140,0)

hsl(17,100%,66%) hsl(10,100%,64%) hsl(17,100%,50%) hsl(33,100%,50%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

orange gold yellow lightyellow

#ffa500 #ffd700 #ffff00 #ffffe0

rgb(255,165,0) rgb(255,215,0) rgb(255,255,0) rgb(255,255,224)

hsl(39,100%,50%) hsl(51,100%,50%) hsl(60,100%,50%) hsl(60,100%,94%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

lightgoldenrodyellow lemonchiffon papayawhip moccasin

#fafad2 #fffacd #ffefd5 #ffe4b5

rgb(250,250,210) rgb(255,250,205) rgb(255,239,213) rgb(255,228,181)

hsl(60,81%,91%) hsl(54,100%,91%) hsl(38,100%,92%) hsl(39,100%,86%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

https://paletadecolores.online/colores-html/ 9/13
3/7/23, 21:17 Colores html: 【Tabla con Nombres ✚ Códigos CSS】

peachpuff palegoldenrod khaki darkkhaki

#ffdab9 #eee8aa #f0e68c #bdb76b

rgb(255,218,185) rgb(238,232,170) rgb(240,230,140) rgb(189,183,107)

hsl(29,100%,87%) hsl(55,67%,80%) hsl(54,77%,75%) hsl(56,39%,59%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

lavender thistle plum violet

#e6e6fa #d8bfd8 #dda0dd #ee82ee

rgb(230,230,250) rgb(216,191,216) rgb(221,160,221) rgb(238,130,238)

hsl(240,67%,95%) hsl(300,25%,80%) hsl(300,48%,75%) hsl(300,77%,73%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

orchid fuchsia magenta mediumorchid

#da70d6 #ff00ff #ff00ff #ba55d3

rgb(218,112,214) rgb(255,0,255) rgb(255,0,255) rgb(186,85,211)

hsl(303,59%,65%) hsl(300,100%,50%) hsl(300,100%,50%) hsl(289,59%,59%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

mediumpurple blueviolet darkviolet darkorchid

#9370db #8a2be2 #9400d3 #9932cc

rgb(147,112,219) rgb(138,43,226) rgb(148,0,211) rgb(153,50,204)

hsl(260,60%,65%) hsl(272,76%,53%) hsl(283,100%,42%) hsl(281,61%,50%)

https://paletadecolores.online/colores-html/ 10/13
3/7/23, 21:17 Colores html: 【Tabla con Nombres ✚ Códigos CSS】

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

darkmagenta purple indigo slateblue

#8b008b #800080 #4b0082 #6a5acd

rgb(139,0,139) rgb(128,0,128) rgb(75,0,130) rgb(106,90,205)

hsl(300,100%,28%) hsl(300,100%,26%) hsl(275,100%,26%) hsl(249,54%,58%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

darkslateblue gainsboro lightgrey silver

#483d8b #dcdcdc #d3d3d3 #c0c0c0

rgb(72,61,139) rgb(220,220,220) rgb(211,211,211) rgb(192,192,192)

hsl(249,39%,40%) hsl(0,0%,87%) hsl(0,0%,83%) hsl(0,0%,76%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

darkgray gray dimgray lightslategray

#a9a9a9 #808080 #696969 #778899

rgb(169,169,169) rgb(128,128,128) rgb(105,105,105) rgb(119,136,153)

hsl(0,0%,67%) hsl(0,0%,51%) hsl(0,0%,42%) hsl(210,15%,54%)

Copiar Copiar Copiar Copiar

https://paletadecolores.online/colores-html/ 11/13
3/7/23, 21:17 Colores html: 【Tabla con Nombres ✚ Códigos CSS】

explorar explorar explorar explorar

slategray darkslategray black white

#708090 #2f4f4f #000000 #ffffff

rgb(112,128,144) rgb(47,79,79) rgb(0,0,0) rgb(255,255,255)

hsl(210,13%,51%) hsl(180,26%,25%) hsl(0,0%,0%) hsl(0,0%,100%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

snow honeydew mintcream azure

#fffafa #f0fff0 #f5fffa #f0ffff

rgb(255,250,250) rgb(240,255,240) rgb(245,255,250) rgb(240,255,255)

hsl(0,100%,100%) hsl(120,100%,98%) hsl(150,100%,99%) hsl(180,100%,98%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

aliceblue ghostwhite whitesmoke seashell

#f0f8ff #f8f8ff #f5f5f5 #fff5ee

rgb(240,248,255) rgb(248,248,255) rgb(245,245,245) rgb(255,245,238)

hsl(208,100%,98%) hsl(240,100%,99%) hsl(0,0%,97%) hsl(25,100%,97%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

beige oldlace floralwhite ivory

#f5f5dc #fdf5e6 #fffaf0 #fffff0

https://paletadecolores.online/colores-html/ 12/13
3/7/23, 21:17 Colores html: 【Tabla con Nombres ✚ Códigos CSS】

rgb(245,245,220) rgb(253,245,230) rgb(255,250,240) rgb(255,255,240)

hsl(60,56%,92%) hsl(40,86%,95%) hsl(40,100%,98%) hsl(60,100%,98%)

Copiar Copiar Copiar Copiar

explorar explorar explorar explorar

antiquewhite linen lavenderblush mistyrose

#faebd7 #faf0e6 #fff0f5 #ffe4e1

rgb(250,235,215) rgb(250,240,230) rgb(255,240,245) rgb(255,228,225)

hsl(35,78%,92%) hsl(30,67%,95%) hsl(340,100%,98%) hsl(7,100%,95%)

Enlaces legales Colores

Política de privacidad azul

Si tienes alguna sugerencia que creas que puede aportar
al proyecto puedes contactarme a este correo Política de cookies verde
[email protected], estaré muy agradecido con tu
feedback para continuar mejorando.
Aviso legal amarillo

rosa

morado

Tonos Categorías idiomas

colores pasteles Colores html 🇪🇸 paleta de colores

colores neón Temáticas 🇺🇸 color palettes

colores vintage 🇧🇷 paleta de cores

https://paletadecolores.online/colores-html/ 13/13