HWB to RGBA Converter
Enter HWB values and instantly get the equivalent RGBA values with a live color preview swatch.
HWB Input
0 – 360
0 – 100
0 – 100
0 – 1
RGBA Output
rgba(46, 173, 214, 1)
W + B Mix
0%
White
Black
Copied!
Summary
Enter HWB values and instantly get the equivalent RGBA values with a live color preview swatch.
How it works
- Enter a Hue value between 0 and 360 degrees.
- Set Whiteness and Blackness percentages (each 0–100). They are automatically normalized if they sum over 100.
- Adjust the Alpha slider (0–1) to control transparency.
- The RGBA values and live color preview swatch update instantly.
- Click any Copy button to copy individual channel values or the full rgba() string.
Use cases
- Convert HWB color values from CSS Color Level 4 specs into CSS rgba() strings.
- Translate designer-friendly HWB colors into values usable in older browsers.
- Inspect how whiteness and blackness adjustments affect the final RGBA output.
- Add alpha transparency to a color originally defined in HWB notation.
- Cross-reference HWB palette entries with RGBA equivalents for design systems.
- Quickly obtain rgba() strings for use in canvas, SVG, or design tools.
Frequently Asked Questions
Related tools
Last updated: 2026-05-28 ·
Reviewed by Nham Vu