Convertidor de colores
Pegue un color en formato HEX, RGB, RGBA o HSL y conviértalo instantáneamente con vista previa en vivo.
Pegue HEX, RGB, RGBA o HSL para convertirlo instantáneamente.
HEXAGONAL
RGB
RGBA
HSL
¿Qué es un conversor de colores?
Un conversor de color le ayuda a transformar colores entre formatos comunes como HEX, RGB, RGBA y HSL.
Es útil para el desarrollo frontend, el diseño de UI, el trabajo con CSS, la creación de marcas y cualquier flujo de trabajo en el que necesite valores de color en diferentes formatos.
Cómo utilizar el convertidor de colores
- Pegue un valor de color como #4f46e5, rgb(79, 70, 229) o hsl(243, 76%, 59%).
- Haga clic en Convertir para generar valores equivalentes.
- Ajuste alfa para obtener una vista previa de la transparencia en RGBA.
- Copia el formato que necesites.
Consejos
- HEX es común para CSS y sistemas de diseño.
- RGBA es útil cuando necesitas transparencia.
- HSL suele ser más fácil de ajustar manualmente en cuanto a tono, saturación y luminosidad.
- La vista previa en vivo ayuda a confirmar el color convertido exacto.
Comprobaciones de color antes de actualizar design tokens
Convertir HEX, RGB, HSL y alpha values es mecánico, pero accessibility, contrast, naming y browser usage siguen importando.
Comprueba contrast
Compara foreground y background colors con accessibility requirements antes de usar converted values en UI text.
Preserva alpha intent
Revisa RGBA y HSLA opacity porque transparent colors dependen del background detrás.
Normaliza token names
Usa consistent naming para brand, semantic, state y surface colors al mover valores a un design system.
Prueba in context
Previsualiza converted colors en components, dark mode, hover states, charts y disabled states antes de publicar.
Herramientas relacionadas
Estas herramientas también pueden resultarle útiles.