Qué hace esta herramienta
El convertidor de color ayuda a traducir rápidamente valores entre formatos HEX, RGB, RGBA y HSL para CSS, diseño e interfaces. RGBA admite un canal alfa para transparencia.
Cómo usar
- Introduce un color en formato HEX, RGB, RGBA o HSL.
- Revisa los valores convertidos y la vista previa del color.
- Copia el formato que necesitas con el botón del lado derecho del campo.
Formatos admitidos
El conversor acepta formatos CSS comunes: HEX, HEX corto, RGB, RGBA y HSL. Muestra valores equivalentes y una vista previa para comparar colores entre diseño, código y documentación.
Alpha y redondeo
RGBA permite transparencia con valores de 0 a 1 o porcentajes. Al convertir, sobre todo hacia HSL, pueden aparecer pequeñas diferencias por redondeo; para un design system conviene elegir un formato canónico.
Límites de interfaz
La herramienta no comprueba contraste, accesibilidad, perfiles de color ni wide gamut. Úsala para CSS y tokens rápidos, pero valida WCAG, estados hover/focus y legibilidad por separado.
Al pasar colores de un diseño a CSS, copia también el contexto: fondo, estado del componente y uso previsto. Un valor puede verse correcto en una muestra pequeña, pero fallar como texto, borde fino o estado deshabilitado sobre otro color.
Para tokens de diseño, elige un formato canónico y documenta cuándo usar alpha. Reconvertir muchas veces entre HEX, RGB y HSL puede introducir redondeos pequeños que complican revisiones y comparaciones visuales.