Advertisement — 728×90
Image
Color Picker Contrast Checker Color Mixer Gradient Maker HEX to RGB RGB to HEX HEX to Decimal Decimal to HEX HEX to Pantone HEX to ASCII ASCII to HEX HEX to Date Color Name Finder HEX to HSL HEX to CMYK RGBA Generator Tints & Shades CSS Variables
Wheel Chart Names Palettes Artists
HEX to RGB RGB to HEX HEX to Decimal Decimal to HEX HEX to Pantone HEX to ASCII ASCII to HEX HEX to Date HEX to HSL HEX to CMYK
Blog Color Stories

RGBA & Opacity Generator

Convert any HEX to RGBA with custom opacity — and generate a full 10-step CSS opacity scale.

rgba(255, 92, 58, 1.00)
100%
CSS rgba()
rgba(255, 92, 58, 1.00)Copy
CSS hsla()
hsla(11, 100%, 61%, 1.00)Copy
8-digit HEX (with alpha)
#FF5C3AFFCopy
RGB % with opacity
100% 36% 23% / 100%Copy
Opacity scale — CSS variables
:root { } block

      

      
Advertisement — 300×250
    

  

  
Advertisement





  Advertisement
  












  


    
    

      

      
    


    
    

    
    


    


    
    

      Hex
      #FF5C3A
    

    

      RGB
      255, 92, 58
    

    

      HSL
      11° 100% 61%
    


    

    
Copied!


    
    

    
    
  







  

    

    

      
#FF5C3A

      
rgb(255, 92, 58)

    

    Full page →