Convertidores de color: HEX, RGB, RGBA, HSL, HSV, alpha y accesibilidad
HEX, RGB, HSL y HSV son sistemas distintos para describir color. HEX a RGB puede ser exacto dentro del mismo espacio, mientras RGBA a HEX obliga a decidir cómo tratar alpha.
HEX y RGB suelen representar los mismos canales
#RRGGBB codifica tres canales RGB de 8 bits en hexadecimal. HEX a RGB cambia la notación si el espacio es el mismo.
#369 equivale a #336699. No obstante, RGB necesita contexto de espacio de color.
Alpha no es un cuarto color
RGBA añade opacidad y el resultado visible depende del fondo. HEX a RGBA no puede predecirlo sin ese fondo.
#RRGGBBAA conserva alpha; RGBA a HEX debe indicar si mantiene ocho dígitos o compone a un color opaco.
HSL es intuitivo, no uniforme
HSL facilita editar tono, saturación y lightness. HEX a HSL sirve para variantes.
El mismo porcentaje de lightness puede percibirse muy distinto entre amarillo y azul.
HSV responde a otro modelo
HSV usa Value y aparece en muchos selectores. HEX a HSV conecta distintas herramientas.
HSL y HSV no son intercambiables aunque puedan volver al mismo RGB.
Redondeo y precisión
Redondear demasiado pronto puede impedir un round-trip exacto. Mantenga más precisión internamente.
Alpha también necesita una política consistente al pasar de fracción a 8 bits.
Wide gamut y CSS moderno
CSS Color 4 admite espacios como display-p3. Convertir a HEX sRGB puede recortar colores fuera de gamut.
Revise el perfil de color de material profesional antes de copiar números RGB.
Contraste después de convertir
WCAG evalúa luminancia relativa entre primer plano y fondo, no simplemente HSL lightness.
No use color como único medio para comunicar errores o estados.
Sistemas de diseño
Mantenga un valor canónico y genere variantes para evitar drift. Documente espacio y reglas de alpha.
RGB a HEX resuelve sintaxis, no decisiones de accesibilidad.
Proceso fiable
Identifique el espacio, conserve original, convierta con precisión y pruebe el resultado real.
Para UI, termine con contraste y verificación de estados.
Preguntas frecuentes
¿HEX es más preciso que RGB?
No.
¿RGBA define el color final?
No sin conocer el fondo.
¿HSL y HSV son iguales?
No.
¿Una conversión correcta garantiza accesibilidad?
No; el contraste debe medirse.
Estándares de color y accesibilidad
- W3C — CSS Color Module Level 4
- W3C Web Accessibility Initiative — Understanding Contrast Minimum
- W3C Web Accessibility Initiative — Use of Color
- U.S. Web Design System — Color
This article is an original practical guide informed by the standards and official references above.