Conversor de Colores con Nombre a HEX

• Consulta instantánea de colores con nombre: el conversor actualiza todos los valores con cada tecla, sin botones que pulsar. Empieza a escribir cualquier color con nombre CSS y el autocompletado filtra al instante los 148 colores con nombre de CSS. Selecciona uno para ver de inmediato sus valores HEX, RGB, HSL, luminancia y de cada canal.
• Búsqueda inteligente con autocompletado: el conversor admite coincidencias difusas y parciales. Escribe «blue» y verás todos los colores azulados, o escribe «rebecca» para encontrar rebeccapurple. La búsqueda abarca tanto el nombre CSS (cornflowerblue) como el nombre visible (Cornflower Blue) para máxima flexibilidad.
• 100 % privado, sin subidas: toda la conversión ocurre localmente en tu navegador. Tus valores de color nunca salen de tu dispositivo ni se envían a ningún servidor: es seguro para proyectos de clientes y sistemas de diseño propietarios. Toda la base de datos de colores con nombre de CSS está integrada en la página.
• Gratis y sin límites: consulta colores con nombre ilimitados sin registro, sin suscripción y sin límites de uso. El conversor de colores con nombre a HEX es totalmente gratis para siempre, sin anuncios que bloqueen la interfaz.

• Desarrollo y prototipado CSS: los desarrolladores web usan el conversor para consultar rápidamente colores con nombre de CSS durante el prototipado. En lugar de memorizar códigos hex, escribe nombres naturales como «coral» o «rebeccapurple» para obtener los valores HEX, RGB y HSL exactos para tus hojas de estilo.
• Traspaso de diseño y comunicación: diseñadores y desarrolladores usan el conversor al comunicar especificaciones de color. Los colores con nombre de CSS aportan un vocabulario común: decir «usa mediumseagreen para el botón» es más claro que referenciar un código hex durante las revisiones de diseño.
• Aprender CSS y diseño web: los estudiantes de desarrollo web usan el conversor para explorar cómo se corresponden los colores con nombre de CSS con valores de color reales. Es una herramienta educativa que ayuda a los principiantes a entender la relación entre los nombres de color y sus representaciones numéricas.
• Exploración de temas de color: los diseñadores que exploran temas de color usan el conversor para navegar rápidamente por los colores con nombre de CSS agrupados por familia. Busca todos los tonos púrpura, las gamas azules o los rojos cálidos para descubrir el color con nombre perfecto para un sistema de diseño.
• CodePen y prototipos rápidos: los desarrolladores frontend que crean prototipos rápidos o demos en CodePen usan el conversor para encontrar colores sin salir del navegador. Los colores con nombre suelen ser más legibles que los códigos hex en estilos en línea y código de demostración.
• Programación de SVG y gráficos: los desarrolladores de gráficos que trabajan con SVG, Canvas o WebGL usan el conversor para acceder a la paleta completa de colores con nombre de CSS. Los colores con nombre se usan con frecuencia en archivos SVG y API gráficas por su legibilidad y su coherencia entre navegadores.

Los colores con nombre de CSS son palabras clave de color predefinidas que reconocen todos los navegadores web modernos. La especificación CSS Color Level 4 define 148 colores con nombre , desde colores comunes como red y blue hasta nombres más distintivos como rebeccapurple y cornflowerblue . Nuestro conversor de colores con nombre a HEX ofrece acceso instantáneo a los 148 colores con búsqueda por autocompletado.

1. Empieza a escribir un nombre de color: escribe cualquier color con nombre CSS (por ejemplo, «coral», «rebecca», «sky blue»). El autocompletado filtra al instante la base de datos completa de 148 colores con nombre de CSS. Puedes buscar por el nombre CSS ( cornflowerblue ) o por el nombre visible ( Cornflower Blue ). Todo el procesamiento se ejecuta localmente en tu navegador.
2. Selecciona un color o deja que actúe el autorrelleno: haz clic en cualquier sugerencia del desplegable o sigue escribiendo hasta que quede una sola coincidencia. La vista previa del color y todos los valores se actualizan en tiempo real mientras escribes. La muestra grande de color muestra el color seleccionado con sus barras de canal para rojo, verde y azul.
3. Copia cualquier valor al instante: usa el botón Copiar junto a cualquier fila de salida (HEX, RGB, HSL) para copiar ese valor concreto, o usa «Copiar todos los valores» para copiar los datos completos del color, incluidos el nombre y la luminancia.

• Rojo y rosa: 20 colores que abarcan desde el rojo puro hasta los tonos rosados, incluidos crimson , deeppink y hotpink .
• Naranja y amarillo: 14 colores cálidos desde darkorange hasta lightyellow , incluida la familia de gold y khaki.
• Verde y cian: 33 colores que cubren todo el espectro verde más los tonos cian/turquesa, desde forestgreen hasta turquoise .
• Azul y púrpura: 35 colores de tono frío desde el intenso midnightblue hasta el suave lavender , incluido el icónico rebeccapurple .
• Marrón, blanco, gris y negro: 46 colores neutros y terrosos desde saddlebrown y wheat hasta la familia completa de grises y el negro puro .

Los colores con nombre de CSS mejoran la legibilidad del código frente a los códigos hex en bruto. Escribir background: cornflowerblue es más autoexplicativo que background: #6495ED . Los colores con nombre también son útiles en archivos SVG, llamadas a la API Canvas y cualquier contexto en el que los nombres de color aporten claridad. No obstante, para sistemas de diseño en producción, usar propiedades personalizadas de CSS con nombres semánticos (como --color-primary ) junto a colores con nombre aporta legibilidad y flexibilidad.

Nuestro conversor de colores con nombre a HEX tiende un puente entre los colores con nombre y los valores numéricos precisos. Ya sea que estés prototipando, aprendiendo CSS o necesites convertir un color con nombre a su equivalente exacto en HEX o RGB para un sistema de diseño, esta herramienta te da resultados instantáneos y precisos sin procesamiento en el servidor.