Convierte Colores Entre HEX, RGB, HSL y HWB
Pega cualquier color CSS y obtén al instante los valores HEX, RGB, HSL y HWB, con vista previa en vivo y verificación de contraste WCAG.
Introduce un color arriba para ver su vista previa y conversiones.
Sobre el Conversor de Colores
Esta herramienta convierte cualquier color CSS — códigos hexadecimales, rgb(), hsl() o nombres como «coral» — a todos los formatos habituales a la vez. Ajusta el canal alfa o elige un tono visualmente, y luego copia el valor exacto que necesites para CSS, herramientas de diseño o código.
Características:
- Compatible con HEX, RGB, HSL, HWB y colores CSS con nombre
- El selector de color y el control de alfa se sincronizan con el campo de texto
- Verificador de contraste WCAG integrado con insignias AA/AAA
- Copia con un clic para cada formato de salida
Cómo Convertir un Color
- Escribe o pega un color — hexadecimal, rgb(), hsl() o un nombre — en el campo de entrada
- Ajústalo con el selector de color o el control deslizante de alfa
- Revisa los valores HEX, RGB, HSL y HWB generados al instante
- Haz clic en cualquier valor para copiarlo al portapapeles
Preguntas Frecuentes
¿Qué formatos de color acepta esta herramienta?
Códigos hexadecimales (#abc, #aabbcc, #aabbccdd), rgb()/rgba(), hsl()/hsla() y cualquier color CSS con nombre estándar como «tomato» o «steelblue».
¿El conversor admite transparencia?
Sí. Introduce un color con alfa (como rgba() o un hexadecimal de 8 dígitos) o usa el control deslizante de alfa, y todos los formatos de salida se actualizan para incluirlo.
¿Qué es HWB y por qué se incluye?
HWB (Tono, Blancura, Negrura) es un formato del Módulo de Color de CSS que suele ser más intuitivo para ajustar un color manualmente que HSL.
¿Qué significa la relación de contraste para la accesibilidad?
Mide qué tan legible sería un texto de este color sobre un fondo blanco o negro. WCAG recomienda una relación de al menos 4.5:1 (AA) o 7:1 (AAA) para texto de tamaño normal.
¿Se suben mis datos de color a algún sitio?
No. Todo el análisis y la conversión ocurren localmente en tu navegador con JavaScript — nada se envía a un servidor.
¿Por qué mi hexadecimal de 8 dígitos pierde la transparencia en algunas salidas?
Con esta herramienta no la pierde — el alfa se conserva en HEX8, RGBA y HSLA. Algunas herramientas o formatos de imagen antiguos solo admiten el hexadecimal de 6 dígitos, que elimina por completo el canal alfa; usa RGBA o HSLA si necesitas que la transparencia se conserve en otro lugar.
Privacidad
Cada conversión se ejecuta localmente en tu navegador. Tus valores de color nunca se suben ni se almacenan en nuestros servidores.