Color Converter

One color, every format. Edit any field — HEX, RGB, HSL, HWB, CMYK or LAB — and everything else follows, with a WCAG contrast checker, harmonies, and copy-ready CSS. Everything runs in your browser.

Color

—

R
G
B
H
S
L
A

Formats — every field editable

RGB / RGBA

HSL / HSLA

HWB

CMYK

LAB (D65)

CSS snippet


    
  


  

    
Contrast checker (WCAG 2.x)

    

      

        

        

          
Text / foreground

          
        

      

      
      

        

        

          
Background

          
        

      

    

    

    
—

    

    
Foreground alpha is composited over the background before measuring, since that is what a browser renders.

  


  

    
Harmonies — click a swatch to load it

    

    
Harmony hues keep the current saturation and lightness. Click the swatch to load the color, or Copy to take just its value.

  


  

    
Color names (CSS named colors)

    

    
    

  


  

    
History

    

    
The last 20 colors. Click one to restore it.