Conversor de Nombre de Color a HEX

Convierte nombres de colores CSS a códigos HEX, RGB y HSL. Los 147 colores nombrados de HTML/CSS con vista previa en vivo. Gratis e instantáneo.

HEX
—
RGB
—
HSL
—
Color Name
—

About Color Name to HEX Converter

Busca cualquier color nombrado de CSS y ve al instante sus valores HEX, RGB y HSL — o hazlo al revés y encuentra el color nombrado más cercano desde cualquier código HEX. Se incluyen los 147 colores nombrados estándar de HTML/CSS.

147 colores nombrados

Paleta completa de colores nombrados de CSS, desde aliceblue hasta yellowgreen. Busca por nombre o explora la lista completa.

Inverso HEX → Nombre

Pega cualquier código HEX y encuentra el color nombrado de CSS más cercano. Maneja valores hex con y sin prefijo #.

Conversión RGB + HSL

Ve los valores RGB (r,g,b) y HSL (tono, saturación, luminosidad) calculados al instante para cada color que consultes.

Vista previa del color

La muestra de color en vivo se actualiza mientras escribes. Ve el color real antes de usarlo en tu proyecto. Copia valores con un clic.

How It Works

1
Choose your mode — Switch between "Color Name → HEX" to look up a named color, or "HEX → Color Name" to find which CSS color matches a hex code.
2
Type or paste your value — Start typing a color name (e.g., "tomato") or paste a HEX code (e.g., "#FF6347"). Results update instantly as you type.
3
Read the values — The color swatch shows the actual color. HEX, RGB, and HSL values are displayed side by side. Click Copy to grab any value.

📋 Common Use Cases

Diseño para múltiples medios

Convierte colores de impresión (CMYK) a colores de pantalla (RGB/Hex) al adaptar activos de marca de medios físicos a digitales.

CSS y desarrollo web

Transforma colores entre formatos hex, RGB y HSL para usar en hojas de estilo, tokens de diseño y bibliotecas de componentes.

Consistencia de marca

Asegura la precisión del color al traducir paletas de marca entre diferentes herramientas de diseño que requieren formatos de color específicos.

Pruebas de accesibilidad

Convierte colores a formatos analizables para verificar el contraste y el cumplimiento de WCAG.

🪜 How to Use This Tool

  1. Ingresa tu color de origen
    Introduce el valor del color en el formato de origen: código hex, valores RGB, porcentajes CMYK o parámetros HSL.
  2. Selecciona el formato de destino
    Elige el formato de salida deseado. La mayoría de los conversores muestran una muestra de color en vivo junto a los valores convertidos.
  3. Visualiza y copia el color convertido
    El color convertido aparece al instante. Copia valores individuales o la cadena de salida completa para tu proyecto.
  4. Úsalo en tu proyecto
    Pega el color convertido directamente en tu CSS, herramienta de diseño o especificación de impresión. Verifica que la vista previa coincida con tus expectativas.

📚 Related Guides

Frequently Asked Questions

¿Son gratuitos estos conversores?▼
Sí. Todos los conversores son completamente gratuitos. No se requiere registro.
¿Qué tan preciso es el conversor de unidades?▼
Utiliza factores de conversión estándar para longitud, masa, temperatura, área, volumen y velocidad. Los resultados son precisos hasta 6 decimales.