Conversor de color
Convierte valores HEX, RGB, RGBA, HSL, HSLA y HSV editables mientras previsualizas el mismo color y copias el formato que necesita tu código o sistema de dis…
Empezar a usar
Qué te ayuda a hacer esta herramienta
Convierte valores HEX, RGB, RGBA, HSL, HSLA y HSV editables mientras previsualizas el mismo color y copias el formato que necesita tu código o sistema de diseño.
Ejemplo práctico
#3B82F6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
Cómo se produce el resultado
RGB almacena la intensidad de los canales rojo, verde y azul. HSL describe tono, saturación y luminosidad; HSV usa valor en lugar de luminosidad. La conversión conserva el color representado, sujeto a redondeo y límites de gama.
Flujos de trabajo útiles
- Traducir colores de archivos de diseño a CSS
- Crear variantes HSL editables a partir de un valor HEX de marca
- Verificar los valores alfa antes de usar superposiciones
Límites importantes
- HEX sin canal alfa es completamente opaco.
- Las conversiones repetidas pueden cambiar el último dígito porque los canales se redondean.
- Valores numéricos equivalentes pueden verse diferentes en pantallas no calibradas.
Preguntas frecuentes
¿Son diferentes los colores HEX y RGB?
Son dos notaciones para el mismo modelo de canales RGB; #3B82F6 y rgb(59,130,246) representan el mismo color.
¿Convertir un color mejora el contraste?
No. La conversión cambia la notación, no el contraste. Prueba el par real de primer plano y fondo.
El procesamiento se realiza localmente en tu navegador.