Referencia de nombres de colores

• Búsqueda instantánea entre los 148 colores: nuestra referencia de nombres de colores te permite buscar por nombre de color, valor HEX o valor RGB en tiempo real. Encuentra cualquier color CSS con nombre al instante, sin recargas de página ni esperas: solo escribe y ve los resultados.
• Copia en un clic de nombre, HEX y RGB: haz clic en cualquier muestra, nombre, código HEX o valor RGB para copiarlo al portapapeles al instante. Nuestra referencia de nombres de colores facilita obtener el valor exacto que necesitas para tu CSS o herramienta de diseño.
• Referencia de nombres de colores online segura: nuestra referencia funciona íntegramente en tu navegador, sin enviar datos a ningún servidor. Explora, busca y copia valores de color con total privacidad. Funciona sin conexión una vez cargada la página.
• Nombres de colores sin instalación y 100 % gratis: usa nuestra referencia de nombres de colores directamente en cualquier navegador, sin descargas, cuenta ni anuncios. Explora los 148 colores HTML/CSS con nombre organizados por grupo de color, totalmente gratis para siempre.

• Desarrollo CSS y HTML: usa nuestra referencia de nombres de colores para encontrar rápidamente el color con nombre exacto para tus hojas de estilo CSS. Colores con nombre como Tomato, CornflowerBlue y MediumSeaGreen son valores CSS válidos, sin necesidad de HEX.
• Prototipado de diseño: los diseñadores usan nuestra referencia de nombres de colores para explorar toda la paleta de colores nativos del navegador al prototipar. Copia cualquier valor HEX o RGB directamente en Figma, Sketch o Adobe XD.
• Aprendizaje de colores web: los estudiantes y desarrolladores que aprenden CSS usan nuestra referencia de nombres de colores para conocer el conjunto completo de colores con nombre disponibles en todos los navegadores. Explora por grupos para ver cómo se organizan los colores.
• Comprobación de accesibilidad y contraste: usa nuestra referencia de nombres de colores para identificar colores con contraste suficiente para un diseño de UI accesible. Explora colores claros y oscuros con nombre para encontrar combinaciones que cumplan las pautas WCAG.
• Desarrollo de plantillas de correo: las plantillas de correo suelen requerir colores con nombre para máxima compatibilidad entre clientes de correo. Nuestra referencia de nombres de colores te da el nombre, el HEX y el RGB exactos de cada color compatible.
• Desarrollo con SVG y Canvas: SVG y HTML Canvas aceptan cadenas de colores con nombre directamente. Usa nuestra referencia de nombres de colores para encontrar el color con nombre adecuado para las propiedades fill, stroke y background de tu código SVG o canvas.

Los nombres de colores HTML son palabras clave de color predefinidas y legibles que todos los navegadores modernos reconocen como valores CSS válidos. En lugar de escribir #FF6347 , puedes escribir Tomato directamente en tu CSS y obtener exactamente el mismo resultado. La especificación CSS define 148 colores con nombre, desde colores básicos como Red y Blue hasta nombres descriptivos como PapayaWhip , MidnightBlue y RebeccaPurple . Nuestra referencia de nombres de colores lista cada color con nombre con sus valores HEX y RGB para que encuentres y copies el valor exacto que necesitas.

1. Explora o busca: usa la barra de búsqueda para encontrar cualquier nombre de color HTML escribiendo el nombre, el código HEX o el valor RGB. O haz clic en un filtro de grupo de color (Red, Pink, Orange, etc.) para explorar los colores por familia. Todo el filtrado se ejecuta al instante en tu navegador.
2. Referencia instantánea en el navegador: los 148 colores HTML/CSS con nombre se cargan localmente, sin peticiones al servidor ni llamadas a API. Toda la referencia de nombres de colores HTML funciona sin conexión una vez cargada la página. Tus búsquedas e interacciones nunca salen de tu dispositivo.
3. Copia cualquier valor: haz clic en la muestra de color para copiar el valor HEX. Haz clic en el nombre del color, el código HEX o el valor RGB por separado para copiar cada uno. Una marca de verificación confirma que la copia se realizó correctamente.

• Nombre del color: la palabra clave CSS exacta (por ejemplo, CornflowerBlue ), que no distingue mayúsculas en CSS pero se muestra en su forma canónica mixta para facilitar la lectura.
• Valor HEX: el código de color hexadecimal de seis dígitos (por ejemplo, #6495ED ), el formato más habitual para colores web en HTML y CSS.
• Valor RGB: los valores de los canales rojo, verde y azul (por ejemplo, rgb(100, 149, 237) ), listos para pegar en CSS, en el canvas de JavaScript o en cualquier herramienta de diseño.
• Grupos de color: los 148 colores organizados en 10 grupos (Red, Pink, Orange, Yellow, Purple, Green, Blue, Brown, White y Gray) para facilitar la exploración y el descubrimiento.

Los nombres de colores HTML no distinguen mayúsculas y minúsculas en CSS: tanto cornflowerblue como CornflowerBlue son válidos. Ten en cuenta que Fuchsia y Magenta son alias del mismo color ( #FF00FF ), igual que Aqua y Cyan ( #00FFFF ). Para CSS de producción, los colores con nombre están totalmente admitidos en todos los navegadores modernos y son una alternativa válida a los valores HEX o RGB.