🌈 Online Color Picker Tool

Professional color picker with HSL sliders, preset palettes, and color history. Generate precise RGB, HEX, and HSL color codes for your design projects.

Color Controls

Hue: 0°

Saturation: 100%

Lightness: 50%

Red

Green

Blue

HEX Color Code

Color Preview

HSL

hsl(0, 100%, 50%)

RGB

rgb(255, 0, 0)

HEX

#FF0000

CSS

color: #FF0000;

How to Use

1. Use HSL sliders to adjust Hue, Saturation, and Lightness

2. Select from preset color palettes for inspiration

3. View real-time color preview and multiple format outputs

4. Save colors to history and copy codes for your project

Features

✓ HSL slider controls for precise color selection

✓ Preset color palettes (warm, cool, neutral)

✓ Color history for recently used colors

✓ Multiple format output (RGB, HEX, HSL)

✓ Real-time color preview