Conversor de nombre de color CSS a HEX Busca códigos HEX para todos los colores con nombre en CSS (más de 140) con búsqueda y vista previa.

🎨

Nombre de color a HEX

Busca códigos HEX para todos los colores con nombre en CSS (más de 140) con búsqueda y vista previa.

Buscar por nombre

Escribe un nombre de color como "coral" o "azul" para filtrar la lista.

Explorar colores

Desplázate a través de más de 140 colores con nombres en CSS, con muestras visuales.

Copiar código HEX

Haz clic en Copiar para obtener el código HEX de cualquier color con nombre.

Loading tool...

What Is Nombre de color a HEX?

La búsqueda de nombres de colores CSS a HEX ofrece acceso instantáneo a más de 140 colores definidos en la especificación CSS por sus nombres legibles para humanos. En lugar de memorizar códigos hex, CSS te permite utilizar nombres como "coral", "tomate", "steelblue" o "rebeccapurple" directamente en tus hojas de estilo. Esta herramienta muestra cada color con nombre junto a su muestra visual, el código HEX exacto y la funcionalidad de copia con un solo clic. Es una referencia invaluable para los desarrolladores que desean utilizar nombres de colores semánticos en prototipos, encontrar el valor hex de un color que conocen por nombre o descubrir nuevos colores que no sabían que existían en la especificación CSS. La interfaz searchable permite buscar colores específicos o navegar por familias de colores enteras con rapidez. Los colores con nombre en CSS van desde los primarios básicos hasta matices como "lemonchiffon", "papayawhip" y "mintcream".

Why Use Nombre de color a HEX?

Referencia completa para más de 140 colores con nombres en CSS
Las muestras visuales facilitan la comparación de colores a primera vista
Filtrado de búsqueda instantáneo para encontrar colores por nombre parcial
Copia de un solo clic para cada código HEX de color
Útil para prototipos rápidos y aprendizaje de nombres de colores en CSS

Common Use Cases

Prototipado rápido

Utiliza colores con nombre para un prototipado rápido sin buscar códigos hex.

Referencia de CSS

Encuentra el valor HEX exacto para los colores con nombres en CSS para garantizar la consistencia entre navegadores.

Herramienta de aprendizaje

Explora toda la gama de colores con nombres en CSS y sus equivalentes hex.

Revisión de código

Verifica que los colores con nombre en el código coincidan con la apariencia visual pretendida.

Technical Guide

Los colores con nombre en CSS son un conjunto predefinido de 148 palabras clave de color (incluyendo duplicados como "aqua"/"cyan" y "fuchsia"/"magenta") especificadas en el Módulo de Color CSS Nivel 4. Cada nombre se asigna a un color sRGB específico definido como una triplet HEX. Estos nombres se originaron a partir del conjunto de colores X11 utilizado en los sistemas de ventanas Unix, con adiciones posteriores. El nombre "rebeccapurple" (#663399) se agregó en 2014 como tributo a la hija de Eric Meyer. Los colores con nombre son insensibles a mayúsculas y minúsculas en CSS: "DarkSlateGray" y "darkslategray" son idénticos. Si bien son convenientes para el desarrollo, los colores con nombre tienen limitaciones: solo ofrecen 148 de los 16,7 millones de colores RGB posibles, y los nombres pueden ser subjetivos (por ejemplo, "gris" es #808080 mientras que "darkgray" es #A9A9A9, que es más claro que "gris"). Para el código de producción, la mayoría de los equipos prefieren HEX o HSL para un control preciso del color y una consistencia con las especificaciones de diseño.

Tips & Best Practices

1
Los colores con nombres en CSS son insensibles a mayúsculas y minúsculas - "DarkBlue" y "darkblue" son idénticos
2
Contraintuitivamente, "darkgray" (#A9A9A9) es más claro que "gray" (#808080)
3
Los colores con nombre son ideales para prototipos pero suelen reemplazarse con valores HEX exactos en producción
4
La palabra clave "transparente" también es un color CSS válido equivalente a rgba(0,0,0,0)
5
rebeccapurple (#663399) fue el último color con nombre agregado, en honor a Rebecca Meyer

Related Tools

Convertidor de HEX a RGB

Convierta códigos de color HEX a valores RGB al instante con una vista previa en vivo.

🎨 Color Tools

Convertidor de HEX a HSL

Convierta códigos de color HEX en valores HSL (Matiz, Saturación, Luminosidad).

🎨 Color Tools

Selector de colores

Selector de colores interactivo con salidas HEX, RGB, HSL y CMYK.

🎨 Color Tools

Buscador de colores Tailwind

Encuentra la clase de color CSS de Tailwind más cercana para cualquier código HEX.

🎨 Color Tools

Referencia de colores con nombre en CSS

Explora todos los colores con nombre en CSS (más de 140) con búsqueda, ordenados por matiz o luminosidad.

🎨 Color Tools

Frequently Asked Questions

Q ¿Cuántos colores con nombres en CSS hay?

Hay 148 colores con nombres en la especificación de CSS, incluyendo algunos pares duplicados (aqua/cyan, fuchsia/magenta). Esto da como resultado 145 colores únicos.

Q ¿Se admiten los colores con nombre en todos los navegadores?

Sí, todos los navegadores modernos admiten todos los colores con nombres en CSS. Han sido parte de la especificación de CSS desde CSS1 (colores básicos) y CSS3 (colores extendidos).

Q ¿Puedo utilizar colores con nombre en JavaScript?

Sí, puedes utilizar colores con nombre en Canvas, bibliotecas de CSS-in-JS y cualquier propiedad de CSS establecida a través de JavaScript. Por ejemplo: element.style.color = "tomato".

Q ¿Por qué darkgray es más claro que gray?

Este es un error histórico del sistema de nombres de colores X11. "gray" es #808080 (gris medio) mientras que "darkgray" es #A9A9A9 (un tono más claro). La nomenclatura fue inconsistente en la especificación original.

About This Tool

Nombre de color a HEX is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.