Color Picker & Palette Generator – Free Online Tool | ToolWise
Utility Tool

Color Picker & Palette Generator

Pick colors visually, generate harmonious palettes, build gradients, convert between HEX, RGB, HSL, HSV and check WCAG accessibility — all free, all in your browser.

100% Private Instant No Limits
Color Picker
#4361EE
rgb(67, 97, 238)
Royal Blue
Saved Colors 0

No saved colors yet.

Color Formats Click any to copy
HEX
#4361EE
Copied!
RGB
rgb(67, 97, 238)
Copied!
RGBA
rgba(67, 97, 238, 1)
Copied!
HSL
hsl(231°, 82%, 60%)
Copied!
HSLA
hsla(231, 82%, 60%, 1)
Copied!
HSV
hsv(231°, 72%, 93%)
Copied!
CMYK
cmyk(72%, 59%, 0%, 7%)
Copied!
CSS Variable
--color: #4361EE;
Copied!
Tailwind Arbitrary
bg-[#4361EE] text-[#4361EE]
Copied!
Recent Colors
Pick colors to build history.
Palette Generator
Gradient Builder
Color Stops
135°
CSS Output Click to copy
CSS
Presets
HEX → RGB / RGBA
rgb(67, 97, 238)
RGB → HEX
#4361EE
HSL → HEX
HEX → HSL / HSV
hsl(231°, 82%, 60%)
CMYK → HEX
Color Name Lookup
Contrast Checker
Contrast Ratio
3.5:1
WCAG Grade
AA Large
AA Normal
AA Large
AAA Normal
AAA Large
The quick brown fox
Pack my box with five dozen liquor jugs. 0123456789 !@#$%
Suggested Accessible Pairs

Free Online Color Picker & Tools

Everything you need to work with colors — from picking and converting to generating complete design palettes. No registration, no uploads, runs entirely in your browser.

Visual Color Picker

Click anywhere on the color canvas to pick any color. Drag the hue slider to change the base hue. Supports alpha transparency.

Color Format Converter

Convert between HEX, RGB, RGBA, HSL, HSLA, HSV, and CMYK instantly. Copy any format with one click.

Palette Generator

Generate complementary, analogous, triadic, tetradic, split-complementary, monochromatic, and random color palettes from any base color.

CSS Gradient Builder

Build linear, radial, and conic gradients visually. Export ready-to-use CSS code with custom stops and directions.

WCAG Contrast Checker

Check contrast ratios between text and background colors. Instantly see WCAG AA and AAA compliance for normal and large text.

Screen Color Picker

Use the browser's EyeDropper API (Chrome/Edge) to pick any color from anywhere on your screen.

Copied!
Explore All Tools