Convertidor HWB a RGB
Convierte valores HWB a RGB sRGB — del espacio más intuitivo al más universal.
Valores HWB
HWB(200°, 20%, 20%) Ctrl+C
RGB(51, 153, 204)
R: 51G: 153B: 204
HEX: #3399CCVariantes de luminosidad
¿Por Qué Convertir HWB a RGB?
Diseño Visual
Selecciona colores intuitivamente con HWB y convierte a RGB para implementación en cualquier plataforma.
Apps Nativas
iOS y Android no soportan HWB. Necesitas RGB para implementar los colores seleccionados en HWB.
CSS Fallback
Aunque CSS hwb() tiene buen soporte, RGB es el fallback universal para navegadores antiguos.
Impresión
La conversión HWB→RGB→CMYK es la ruta para llevar colores intuitivos a impresión offset.
Algoritmo de Conversión
La conversión HWB→RGB sigue 3 pasos:
1Normalizar — Si W + B > 100%, escalar proporcionalmente.
2Color puro — Calcular el RGB del tono H puro (como en HSV con S=1, V=1).
3Mezclar — RGB_final = RGB_puro × (1 - W - B) + W × 255.
Preguntas Frecuentes
¿Todos los HWB producen colores válidos?
Sí. Si W + B > 100%, se normalizan proporcionalmente, produciendo siempre un gris. Todos los valores son válidos.
¿HWB a RGB es sin pérdida?
Sí. HWB y RGB cubren exactamente el mismo gamut (sRGB). No hay pérdida ni recorte en la conversión.
¿Puedo usar HWB en vez de HSL?
Sí. HWB es una alternativa más intuitiva a HSL. El mismo color se puede expresar en ambos formatos. CSS soporta ambos.
¿Cómo creo un gris con HWB?
Cualquier tono con W + B = 100% es un gris. El tono H se ignora. Por ejemplo: HWB(0°, 50%, 50%) = gris medio.
¿HWB funciona en Figma/Sketch?
No directamente. Figma usa HSL/HSB. Convierte HWB a RGB primero y luego ingresa el RGB en tu herramienta de diseño.