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%)
RGB(51, 153, 204)
R: 51G: 153B: 204
HEX: #3399CC¿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.