Saltar al contenido
Aback Tools Logo

Referencia de nombres de colores HTML

Explore, busque y copie los 148 colores con nombre HTML y CSS con notas de soporte del navegador, indicadores de compatibilidad de correo electrónico e insignias de color seguras para la web. Filtre por HTML 4.01 estándar, CSS extendido o colores aptos para correo electrónico. Haga clic en cualquier tarjeta para copiar el nombre del color o el valor HEX al instante. Totalmente privado, 100% gratuito y no es necesario registrarse.

HTML Color Names Reference

Complete reference of all 147 HTML and CSS named colors with browser support notes, email compatibility, and web-safe color indicators. Search by name or HEX value.

Showing 147 of 147 colors

Browser: Full support Email: 21 safe
#00FFFF

Aqua

aqua

EmailBrowserWeb SafeHTML 4.01
#000000

Black

black

EmailBrowserWeb SafeHTML 4.01
#0000FF

Blue

blue

EmailBrowserWeb SafeHTML 4.01
#FF00FF

Fuchsia

fuchsia

EmailBrowserWeb SafeHTML 4.01
#808080

Gray

gray

EmailBrowserWeb SafeHTML 4.01
#008000

Green

green

EmailBrowserWeb SafeHTML 4.01
#00FF00

Lime

lime

EmailBrowserWeb SafeHTML 4.01
#800000

Maroon

maroon

EmailBrowserWeb SafeHTML 4.01
#000080

Navy

navy

EmailBrowserWeb SafeHTML 4.01
#808000

Olive

olive

EmailBrowserWeb SafeHTML 4.01
#800080

Purple

purple

EmailBrowserWeb SafeHTML 4.01
#FF0000

Red

red

EmailBrowserWeb SafeHTML 4.01
#C0C0C0

Silver

silver

EmailBrowserWeb SafeHTML 4.01
#008080

Teal

teal

EmailBrowserWeb SafeHTML 4.01
#FFFFFF

White

white

EmailBrowserWeb SafeHTML 4.01
#FFFF00

Yellow

yellow

EmailBrowserWeb SafeHTML 4.01
#F0F8FF

Aliceblue

aliceblue

EmailBrowser
#FAEBD7

Antiquewhite

antiquewhite

EmailBrowser
#7FFFD4

Aquamarine

aquamarine

EmailBrowser
#F0FFFF

Azure

azure

EmailBrowser
#F5F5DC

Beige

beige

EmailBrowser
#FFE4C4

Bisque

bisque

EmailBrowser
#FFEBCD

Blanchedalmond

blanchedalmond

EmailBrowser
#8A2BE2

Blueviolet

blueviolet

EmailBrowser
#A52A2A

Brown

brown

EmailBrowser
#DEB887

Burlywood

burlywood

EmailBrowser
#5F9EA0

Cadetblue

cadetblue

EmailBrowser
#7FFF00

Chartreuse

chartreuse

EmailBrowser
#D2691E

Chocolate

chocolate

EmailBrowser
#FF7F50

Coral

coral

EmailBrowser
#6495ED

Cornflowerblue

cornflowerblue

EmailBrowser
#FFF8DC

Cornsilk

cornsilk

EmailBrowser
#DC143C

Crimson

crimson

EmailBrowser
#00FFFF

Cyan

cyan

EmailBrowserWeb Safe
#00008B

Darkblue

darkblue

EmailBrowser
#008B8B

Darkcyan

darkcyan

EmailBrowser
#B8860B

Darkgoldenrod

darkgoldenrod

EmailBrowser
#A9A9A9

Darkgray

darkgray

EmailBrowser
#006400

Darkgreen

darkgreen

EmailBrowser
#A9A9A9

Darkgrey

darkgrey

EmailBrowser
#BDB76B

Darkkhaki

darkkhaki

EmailBrowser
#8B008B

Darkmagenta

darkmagenta

EmailBrowser
#556B2F

Darkolivegreen

darkolivegreen

EmailBrowser
#FF8C00

Darkorange

darkorange

EmailBrowser
#9932CC

Darkorchid

darkorchid

EmailBrowser
#8B0000

Darkred

darkred

EmailBrowser
#E9967A

Darksalmon

darksalmon

EmailBrowser
#8FBC8F

Darkseagreen

darkseagreen

EmailBrowser
#483D8B

Darkslateblue

darkslateblue

EmailBrowser
#2F4F4F

Darkslategray

darkslategray

EmailBrowser
#2F4F4F

Darkslategrey

darkslategrey

EmailBrowser
#00CED1

Darkturquoise

darkturquoise

EmailBrowser
#9400D3

Darkviolet

darkviolet

EmailBrowser
#FF1493

Deeppink

deeppink

EmailBrowser
#00BFFF

Deepskyblue

deepskyblue

EmailBrowser
#696969

Dimgray

dimgray

EmailBrowser
#696969

Dimgrey

dimgrey

EmailBrowser
#1E90FF

Dodgerblue

dodgerblue

EmailBrowser
#B22222

Firebrick

firebrick

EmailBrowser
#FFFAF0

Floralwhite

floralwhite

EmailBrowser
#228B22

Forestgreen

forestgreen

EmailBrowser
#DCDCDC

Gainsboro

gainsboro

EmailBrowser
#F8F8FF

Ghostwhite

ghostwhite

EmailBrowser
#FFD700

Gold

gold

EmailBrowser
#DAA520

Goldenrod

goldenrod

EmailBrowser
#ADFF2F

Greenyellow

greenyellow

EmailBrowser
#808080

Grey

grey

EmailBrowserWeb Safe
#F0FFF0

Honeydew

honeydew

EmailBrowser
#FF69B4

Hotpink

hotpink

EmailBrowser
#CD5C5C

Indianred

indianred

EmailBrowser
#4B0082

Indigo

indigo

EmailBrowser
#FFFFF0

Ivory

ivory

EmailBrowser
#F0E68C

Khaki

khaki

EmailBrowser
#E6E6FA

Lavender

lavender

EmailBrowser
#FFF0F5

Lavenderblush

lavenderblush

EmailBrowser
#7CFC00

Lawngreen

lawngreen

EmailBrowser
#FFFACD

Lemonchiffon

lemonchiffon

EmailBrowser
#ADD8E6

Lightblue

lightblue

EmailBrowser
#F08080

Lightcoral

lightcoral

EmailBrowser
#E0FFFF

Lightcyan

lightcyan

EmailBrowser
#FAFAD2

Lightgoldenrodyellow

lightgoldenrodyellow

EmailBrowser
#D3D3D3

Lightgray

lightgray

EmailBrowser
#90EE90

Lightgreen

lightgreen

EmailBrowser
#D3D3D3

Lightgrey

lightgrey

EmailBrowser
#FFB6C1

Lightpink

lightpink

EmailBrowser
#FFA07A

Lightsalmon

lightsalmon

EmailBrowser
#20B2AA

Lightseagreen

lightseagreen

EmailBrowser
#87CEFA

Lightskyblue

lightskyblue

EmailBrowser
#778899

Lightslategray

lightslategray

EmailBrowser
#778899

Lightslategrey

lightslategrey

EmailBrowser
#B0C4DE

Lightsteelblue

lightsteelblue

EmailBrowser
#FFFFE0

Lightyellow

lightyellow

EmailBrowser
#32CD32

Limegreen

limegreen

EmailBrowser
#FAF0E6

Linen

linen

EmailBrowser
#66CDAA

Mediumaquamarine

mediumaquamarine

EmailBrowser
#0000CD

Mediumblue

mediumblue

EmailBrowser
#BA55D3

Mediumorchid

mediumorchid

EmailBrowser
#9370DB

Mediumpurple

mediumpurple

EmailBrowser
#3CB371

Mediumseagreen

mediumseagreen

EmailBrowser
#7B68EE

Mediumslateblue

mediumslateblue

EmailBrowser
#00FA9A

Mediumspringgreen

mediumspringgreen

EmailBrowser
#48D1CC

Mediumturquoise

mediumturquoise

EmailBrowser
#C71585

Mediumvioletred

mediumvioletred

EmailBrowser
#191970

Midnightblue

midnightblue

EmailBrowser
#F5FFFA

Mintcream

mintcream

EmailBrowser
#FFE4E1

Mistyrose

mistyrose

EmailBrowser
#FFE4B5

Moccasin

moccasin

EmailBrowser
#FFDEAD

Navajowhite

navajowhite

EmailBrowser
#FDF5E6

Oldlace

oldlace

EmailBrowser
#6B8E23

Olivedrab

olivedrab

EmailBrowser
#FFA500

Orange

orange

EmailBrowser
#FF4500

Orangered

orangered

EmailBrowser
#DA70D6

Orchid

orchid

EmailBrowser
#EEE8AA

Palegoldenrod

palegoldenrod

EmailBrowser
#98FB98

Palegreen

palegreen

EmailBrowser
#AFEEEE

Paleturquoise

paleturquoise

EmailBrowser
#DB7093

Palevioletred

palevioletred

EmailBrowser
#FFEFD5

Papayawhip

papayawhip

EmailBrowser
#FFDAB9

Peachpuff

peachpuff

EmailBrowser
#CD853F

Peru

peru

EmailBrowser
#FFC0CB

Pink

pink

EmailBrowser
#DDA0DD

Plum

plum

EmailBrowser
#B0E0E6

Powderblue

powderblue

EmailBrowser
#663399

Rebeccapurple

rebeccapurple

EmailBrowser
#BC8F8F

Rosybrown

rosybrown

EmailBrowser
#4169E1

Royalblue

royalblue

EmailBrowser
#8B4513

Saddlebrown

saddlebrown

EmailBrowser
#FA8072

Salmon

salmon

EmailBrowser
#F4A460

Sandybrown

sandybrown

EmailBrowser
#2E8B57

Seagreen

seagreen

EmailBrowser
#FFF5EE

Seashell

seashell

EmailBrowser
#A0522D

Sienna

sienna

EmailBrowser
#87CEEB

Skyblue

skyblue

EmailBrowser
#6A5ACD

Slateblue

slateblue

EmailBrowser
#708090

Slategray

slategray

EmailBrowser
#708090

Slategrey

slategrey

EmailBrowser
#FFFAFA

Snow

snow

EmailBrowser
#00FF7F

Springgreen

springgreen

EmailBrowser
#4682B4

Steelblue

steelblue

EmailBrowser
#D2B48C

Tan

tan

EmailBrowser
#D8BFD8

Thistle

thistle

EmailBrowser
#FF6347

Tomato

tomato

EmailBrowser
#40E0D0

Turquoise

turquoise

EmailBrowser
#EE82EE

Violet

violet

EmailBrowser
#F5DEB3

Wheat

wheat

EmailBrowser
#F5F5F5

Whitesmoke

whitesmoke

EmailBrowser
#9ACD32

Yellowgreen

yellowgreen

EmailBrowser

¿Por qué utilizar nuestra referencia de nombres de colores HTML?

  • Base de datos completa de nombres de colores: acceda a los 148 colores con nombres HTML y CSS en una referencia con capacidad de búsqueda. Cada tarjeta de color muestra el nombre, el valor HEX y la muestra visual, lo que facilita encontrar el color perfecto para cualquier proyecto, desde colores HTML 4.01 estándar hasta colores con nombre CSS extendido.
  • Compatibilidad del navegador y del correo electrónico: cada entrada de color incluye compatibilidad con el navegador y indicadores de compatibilidad del cliente de correo electrónico. Sepa de un vistazo qué colores son seguros para usar en correos electrónicos HTML, cuáles son seguros para la web y cuáles son colores HTML estándar 4.01 compatibles incluso con los navegadores más antiguos.
  • Filtrado y búsqueda inteligentes: limite rápidamente los colores por categoría: HTML estándar 4.01, CSS extendido o seguro para correo electrónico. Busque por nombre o valor HEX con resultados instantáneos. La cuadrícula limpia y receptiva facilita la navegación y la comparación de colores en cualquier dispositivo.
  • 100% gratis y con privacidad primero: la referencia de nombres de colores HTML funciona completamente en su navegador sin enviar datos a ningún servidor. Explore, busque y copie colores al instante. No es necesario registrarse, no hay seguimiento, no hay límites: completamente gratis para todos sus proyectos.

Referencia de casos de uso comunes para nombres de colores HTML

  • Desarrollo web y CSS: encuentre rápidamente el color con nombre exacto que necesita para sus hojas de estilo CSS. Utilice el botón Copiar para tomar el nombre del color o el valor HEX al instante y luego péguelo directamente en su código. Perfecto para creación rápida de prototipos y diseño de producción.
  • Diseño de boletines informativos por correo electrónico: asegúrese de que sus diseños de correo electrónico se muestren correctamente en todos los clientes de correo electrónico. Filtre por colores seguros para el correo electrónico para evitar problemas de compatibilidad con Outlook, Gmail y Apple Mail. Utilice los indicadores de compatibilidad del navegador para elegir colores que funcionen en todas partes.
  • Compatibilidad entre navegadores: verifique la compatibilidad del navegador con cada color nombrado antes de usarlo en su proyecto. Si bien todos los navegadores modernos admiten el conjunto completo de colores con nombre CSS, saber qué colores son HTML 4.01 estándar ayuda cuando se dirige a navegadores más antiguos y sistemas heredados.
  • Desarrollo del sistema de diseño: haga referencia a los colores con nombre al crear fichas de color del sistema de diseño. Los colores con nombre proporcionan un significado semántico y son más fáciles de recordar que los códigos hexadecimales. Asigne colores con nombre a sus tokens de diseño para obtener hojas de estilo más fáciles de leer y mantener.
  • Aprender HTML y CSS: perfecto para estudiantes y principiantes que aprenden desarrollo web. Explore la gama completa de colores con nombre para comprender las convenciones de nomenclatura de colores, los valores hexadecimales y qué colores están disponibles sin necesidad de memorizar códigos de colores complejos.
  • Accesibilidad y opciones de color: utilice las muestras de color para evaluar rápidamente la accesibilidad de las combinaciones de colores. Los colores con nombre facilitan la comunicación de las opciones de color con su equipo y garantizan un uso uniforme del color en todo el proyecto.

¿Qué son los nombres de colores HTML?

Los nombres de colores HTML son palabras clave predefinidas que representan colores específicos en el desarrollo web. Originalmente especificada en el estándar HTML 4.01 con 16 colores básicos (aguamarina, negro, azul, fucsia, gris, verde, lima, granate, azul marino, oliva, morado, rojo, plateado, verde azulado, blanco y amarillo), la lista se amplió en el Nivel 3 del Módulo de Color CSS para incluir 147 colores con nombre adicionales, lo que eleva el total a 147. El Nivel de Color 4 de CSS luego agregó rebeccapurple, en honor a la hija de Eric Meyer, llevando el total al actual. 148 colores con nombre.

A diferencia de los códigos de color hexadecimales o RGB, los colores con nombre se pueden leer y recordar de forma intuitiva. El uso de coral en lugar de #FF7F50 hace que su CSS sea más descriptivo y fácil de mantener, especialmente cuando se trabaja en equipos o cuando la denominación semántica de colores es importante para la coherencia del sistema de diseño.

Cómo funciona nuestra herramienta de referencia

Nuestra referencia de nombres de colores HTML organiza los 148 colores con nombre en una cuadrícula con capacidad de búsqueda y filtrado que hace que encontrar el color correcto sea rápido e intuitivo. Así es como funciona:

  1. Explorar o buscar: desplácese por la cuadrícula de colores completa o escriba un nombre (como "coral" o "rebeccapurple") o un valor HEX (como #FF7F50) en la barra de búsqueda. Los resultados se actualizan en tiempo real a medida que escribe y muestran colores coincidentes al instante.
  2. Filtrar por categoría: utilice los chips de categoría para limitar los resultados: vea solo los 16 colores HTML 4.01 estándar, los colores con nombre CSS extendido o solo los colores que son seguros para usar en correos electrónicos HTML. Cada filtro le ayuda a encontrar colores adecuados para casos de uso específicos.
  3. Copiar y usar: cada tarjeta de color incluye botones de copia tanto para el nombre del color como para el valor HEX. Haga clic para copiar y luego pegar directamente en su CSS, HTML, plantilla de correo electrónico o herramienta de diseño. La muestra visual le brinda una vista previa precisa de cómo se ve el color.

Soporte de navegador y compatibilidad de correo electrónico

  • Compatibilidad con navegadores: los 148 colores con nombre CSS son compatibles con todos los navegadores modernos: Chrome, Firefox, Safari, Edge y Opera. Los 16 colores básicos de HTML 4.01 son compatibles con prácticamente todos los navegadores jamás creados, incluido Internet Explorer 3+. Los colores con nombre CSS extendido son compatibles con todos los navegadores compatibles con CSS3 (IE 9+).
  • Compatibilidad con el cliente de correo electrónico: Los 16 colores HTML 4.01 estándar, además de algunos colores extendidos comúnmente utilizados como naranja, marrón, rosa y dorado, son ampliamente compatibles con todos los clientes de correo electrónico, incluidos Outlook (escritorio y web), Gmail, Yahoo Mail y Apple Mail. Es posible que los colores extendidos más oscuros no se reproduzcan correctamente en el motor de procesamiento basado en Word de Outlook y que vuelvan a un color predeterminado.
  • Colores seguros para la web: los colores marcados como "seguros para la web" se encuentran entre los 216 colores que se muestran de manera consistente en todos los monitores y navegadores sin interrupciones. Si bien son menos críticos con las pantallas modernas, los colores compatibles con la Web siguen siendo útiles para mantener una apariencia consistente en pantallas más antiguas o de menor calidad.
  • Nivel de color CSS 4: la moderna especificación CSS Color Nivel 4 introdujo rebeccapurple (hex #663399) en 2014, en honor a Rebecca, la hija de Eric Meyer. Este es el color con nombre agregado más recientemente y es compatible con todos los navegadores modernos.

Privacidad, seguridad y disponibilidad

Su privacidad es nuestra prioridad. La referencia de nombres de colores HTML procesa todo localmente en su navegador. No se envían datos a ningún servidor: sus búsquedas, filtros y selecciones de color nunca salen de su dispositivo. La herramienta es completamente gratuita, no es necesario registrarse, no tiene límites de uso ni restricciones ocultas. Úselo con confianza para proyectos personales, sitios web comerciales, trabajo con clientes o fines educativos.

Preguntas frecuentes

Hay 148 colores con nombre en HTML y CSS combinados. El estándar HTML 4.01 definió originalmente 16 colores básicos. CSS Color Module Level 3 agregó 131 colores con nombre extendido, lo que eleva el total a 147. CSS Color Level 4 luego agregó rebeccapurple, en honor a la hija de Eric Meyer, para un total final de 148 colores con nombre que son compatibles con todos los navegadores modernos.

Los 16 colores con nombre HTML 4.01 originales son: agua, negro, azul, fucsia, gris, verde, lima, granate, azul marino, oliva, morado, rojo, plateado, verde azulado, blanco y amarillo. Estos 16 colores han sido compatibles desde los primeros navegadores web y son universalmente compatibles en todas las plataformas, incluidos clientes de correo electrónico y sistemas heredados.

No, no todos los 148 colores con nombre son seguros para su uso en el correo electrónico. Los 16 colores estándar HTML 4.01 más los colores extendidos comúnmente utilizados como naranja, marrón, rosa, dorado y coral funcionan de manera confiable en todos los principales clientes de correo electrónico. Es posible que los colores extendidos más oscuros, como blanchedalmond, papayawhip o rebeccapurple, no se representen correctamente en el motor de procesamiento basado en Word de Outlook y pueden volver a un color predeterminado.

Los colores seguros para la Web son los 216 colores que se muestran consistentemente en todos los monitores y sistemas operativos sin oscilaciones ni cambios de color. Se definen utilizando únicamente los valores hexadecimales 00, 33, 66, 99, CC y FF para cada canal RGB. Si bien los colores compatibles con la Web eran fundamentales en la era de las pantallas de 256 colores, los monitores modernos pueden mostrar millones de colores, lo que hace que los colores compatibles con la Web sean menos importantes hoy en día.

Rebeccapurple (#663399) se agregó al nivel de color 4 de CSS en 2014 para honrar a Rebecca Alison Meyer, la hija del desarrollador web Eric Meyer, quien falleció de cáncer cerebral a los seis años. Se eligió el color porque el color favorito de Rebecca era el morado y #663399 era su código hexadecimal personal. Es el color con nombre CSS agregado más recientemente y es compatible con todos los navegadores modernos.

Sí, los nombres de color HTML se pueden usar en la mayoría de los atributos HTML que aceptan valores de color, incluidos los atributos obsoletos bgcolor, text, link, vlink, alink y bordercolor. También se pueden utilizar en el atributo de estilo y en CSS. Sin embargo, para el desarrollo web moderno, se recomienda utilizar CSS para diseñar en lugar de atributos de presentación HTML.

Sí, la Referencia de nombres de colores HTML es completamente gratuita y sin restricciones. No hay requisitos de registro, límites de uso ni tarifas ocultas. Todos los datos se cargan y procesan localmente en su navegador: sus búsquedas y selecciones nunca salen de su dispositivo. Úselo para cualquier proyecto, incluidos sitios web comerciales, trabajo con clientes o aprendizaje personal.