Conversor de color
Convertí valores editables HEX, RGB, RGBA, HSL, HSLA y HSV mientras previsualizás el mismo color y copiás el formato que necesite tu código o sistema de dise…
Empezar a usar
Para qué sirve esta herramienta
Convertí valores editables HEX, RGB, RGBA, HSL, HSLA y HSV mientras previsualizás el mismo color y copiás el formato que necesite tu código o sistema de diseño.
Ejemplo resuelto
#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 preserva 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 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. Probá el par real de primer plano y fondo.
El procesamiento se realiza localmente en tu navegador.