Color Picker Online

Pick colors visually, convert HEX ↔ RGB ↔ HSL ↔ CMYK, generate palettes and shades.

Click the swatch to pick a color

RGB Sliders

Red16
Green185
Blue129

Tints & Shades

Color Harmonies

CSS Custom Properties


        

      

    


    
    

      
Common Web Colors

      

    

  


  
  

    
Frequently Asked Questions

    

      

        
          How do I convert HEX to RGB?
          ▾
        
        
Split the hex code into three 2-character pairs and convert each from base-16 to decimal. Example: #10b981 → R=0x10=16, G=0xb9=185, B=0x81=129 → rgb(16, 185, 129). In CSS: use the color picker above or JavaScript's parseInt(hex.slice(1,3), 16).

      

      

        
          What is HSL color format?
          ▾
        
        
HSL stands for Hue, Saturation, Lightness. Hue is an angle (0-360°) on the color wheel (0=red, 120=green, 240=blue). Saturation is the intensity (0%=gray, 100%=full color). Lightness is brightness (0%=black, 50%=normal, 100%=white). HSL is more intuitive for designers than RGB when adjusting tones and shades.

      

      

        
          What are complementary colors?
          ▾
        
        
Complementary colors are opposite each other on the color wheel (180° apart in HSL). They create maximum contrast and visual vibration. Triadic colors are 120° apart. Analogous colors are adjacent (30° apart) and create harmonious, calming palettes.