Conversor de HSB / HSV a RGBA
Pega un valor HSB / HSV y obtén RGBA al instante. Cualquier otro formato también sirve.
Tabla de opacidad: alfa en HEX y RGBA
En HEX de 8 dígitos, los dos últimos fijan la opacidad: FF es totalmente opaco, 80 es cerca del 50 % y 00 es totalmente transparente. La tabla muestra el color de ejemplo cada 5 %.
| Opacidad | Alfa en HEX | HEX | RGBA |
|---|---|---|---|
| 100% | ff | #ff5733 | rgba(255, 87, 51, 1) |
| 95% | f2 | #ff5733f2 | rgba(255, 87, 51, 0.95) |
| 90% | e6 | #ff5733e6 | rgba(255, 87, 51, 0.9) |
| 85% | d9 | #ff5733d9 | rgba(255, 87, 51, 0.85) |
| 80% | cc | #ff5733cc | rgba(255, 87, 51, 0.8) |
| 75% | bf | #ff5733bf | rgba(255, 87, 51, 0.75) |
| 70% | b3 | #ff5733b3 | rgba(255, 87, 51, 0.7) |
| 65% | a6 | #ff5733a6 | rgba(255, 87, 51, 0.65) |
| 60% | 99 | #ff573399 | rgba(255, 87, 51, 0.6) |
| 55% | 8c | #ff57338c | rgba(255, 87, 51, 0.55) |
| 50% | 80 | #ff573380 | rgba(255, 87, 51, 0.5) |
| 45% | 73 | #ff573373 | rgba(255, 87, 51, 0.45) |
| 40% | 66 | #ff573366 | rgba(255, 87, 51, 0.4) |
| 35% | 59 | #ff573359 | rgba(255, 87, 51, 0.35) |
| 30% | 4d | #ff57334d | rgba(255, 87, 51, 0.3) |
| 25% | 40 | #ff573340 | rgba(255, 87, 51, 0.25) |
| 20% | 33 | #ff573333 | rgba(255, 87, 51, 0.2) |
| 15% | 26 | #ff573326 | rgba(255, 87, 51, 0.15) |
| 10% | 1a | #ff57331a | rgba(255, 87, 51, 0.1) |
| 5% | 0d | #ff57330d | rgba(255, 87, 51, 0.05) |
| 0% | 00 | #ff573300 | rgba(255, 87, 51, 0) |
Ejemplos de HSB / HSV a RGBA
Sobre HSB / HSV y RGBA
HSV, también llamado HSB, usa matiz, saturación y valor. Photoshop, Figma y la mayoría de selectores de color lo usan en el selector cuadrado.
RGBA es RGB con un canal alfa para la opacidad, escrito como rgba(255, 87, 51, 0.5). El alfa va de 0 (totalmente transparente) a 1 (totalmente opaco). La misma opacidad se puede escribir en HEX de 8 dígitos, como #ff573380.
Cómo funciona la conversión
Leemos el valor HSB / HSV, lo pasamos a CIE XYZ con las matrices de la especificación CSS Color 4 y de ahí a RGBA. Los valores fuera de la gama de destino se ajustan con el algoritmo de CSS Color 4, que conserva la luminosidad y el matiz y reduce el croma.
Preguntas y respuestas
¿Cómo convierto HSB / HSV a RGBA?
Pega o escribe un valor HSB / HSV en el campo de arriba. PickShade lo convierte con las fórmulas de CSS Color 4 mientras escribes, y un clic copia el valor RGBA.
¿La conversión de HSB / HSV a RGBA es exacta?
El cálculo es exacto y el resultado solo se redondea para mostrarlo, con suficientes decimales para volver al mismo color. Si el color no cabe en la gama de destino, PickShade te avisa y muestra el color más cercano que sí cabe.
¿Puedo obtener otros formatos a la vez?
Sí. Todos los demás formatos, incluidos OKLCH, Display P3, Tailwind, SwiftUI, Flutter y Android, aparecen bajo el resultado y se copian con un clic.
¿Este conversor es gratuito?
Sí. Es gratis, no necesita registro y funciona entero en tu navegador.