Hex Color Opacity Calculator
Convert a hex color code to hex8 (RRGGBBAA), rgba(), and hsla() with custom opacity
Color & Opacity
Preview
Base: #3B82F6
Opacity: 75%
CSS Output
#3B82F6BFrgba(59, 130, 246, 0.75)hsla(217, 91%, 60%, 0.75)Opacity Reference Table
| Opacity | Hex suffix | Decimal | 8-digit hex |
|---|---|---|---|
| 100% | FF | 1.00 | |
| 95% | F2 | 0.95 | |
| 90% | E6 | 0.90 | |
| 80% | CC | 0.80 | |
| 75% | BF | 0.75 | |
| 70% | B3 | 0.70 | |
| 60% | 99 | 0.60 | |
| 50% | 80 | 0.50 | |
| 40% | 66 | 0.40 | |
| 30% | 4D | 0.30 | |
| 25% | 40 | 0.25 | |
| 20% | 33 | 0.20 | |
| 10% | 1A | 0.10 | |
| 5% | 0D | 0.05 | |
| 0% | 00 | 0.00 |
Frequently asked questions
What does Hex Color Opacity Calculator do?
Convert a hex color code to hex8 (RRGGBBAA), rgba(), and hsla() with custom opacity
What should I check in the result?
Preview the result with your actual content and at different screen sizes. Check readability and compatibility in the browsers you support.