Fieldkit
← All tools

Color Converter

Type a color in any CSS form — HEX, RGB, HSL, or a named color — or use the picker. It converts live and previews the result.

Conversions HEX · RGB · HSL 

        

      

      

        Status Waiting for input
        Input —
        Alpha —
        Preview 
      

    


    

    

      
What this tool does

      
The same color can be written three common ways on the web. This converter reads whichever you have and gives you the other two, plus a live swatch:

      
    
        
  • HEX — #e8a33d, the compact form used in CSS and design tools
    • 
        
  • RGB — rgb(232, 163, 61), red / green / blue channels from 0–255
    • 
        
  • HSL — hsl(36, 79%, 57%), hue / saturation / lightness, easy to tweak by hand
    • 
      


      
What it accepts

      
Paste a 3-, 6-, or 8-digit HEX (with or without #), an rgb()/rgba() value, an hsl()/hsla() value, or a CSS named color like rebeccapurple. When a color carries transparency, the alpha channel is preserved and shown in the 8-digit HEX and rgba() output.


      
Privacy

      
All parsing and conversion run in your browser using the Canvas color engine — nothing you enter is uploaded or stored.