COLOR PICKER
Pick a color, convert between HEX, RGB, and HSL. Copy CSS values instantly.
VISUAL PICKER
#1A8CFF
PREVIEW
Sample text on white
Sample text on black
HEX
RGB
R
G
B
rgb(26, 140, 255)
HSL
H
S%
L%
hsl(210, 100%, 55%)
CSS SNIPPETS
color: #1A8CFF; background-color: #1A8CFF; --color-primary: #1A8CFF; ABOUT THIS TOOL
A visual color picker with real-time format conversion. Change the color via the native browser picker or type directly into any field — HEX, RGB, or HSL — and all values update instantly.
HEX — Hexadecimal notation used in CSS (#FF5733). RGB — Red, Green, Blue channels (0–255 each). HSL — Hue (0–360°), Saturation (0–100%), Lightness (0–100%).
Recent colors are saved in your browser's localStorage and persist across sessions. No data leaves your device.