Color Tools
Free online color tools. No signup required.
Color Picker (from Image)
Palette from Image
Contrast Checker
Gradient Maker
Background Generator
Image:
Hover to preview color, click to select.
Live color
#—
Selected
#—
Copy HEX
RGB
rgb(—)
Copy RGB
HSL
hsl(—)
Copy HSL
Tip: Zoom your browser if you need more precise picking.
Image:
Generate Palette
Finds top 5 colors (fast quantization).
Foreground
Background
Ratio
—
—
WCAG Results
Large Text Preview
Normal text preview goes here.
Color A
Color B
Angle
135deg
CSS
linear-gradient(135deg, #5aa9ff, #31d0aa)
Copy CSS
Solid
Gradient
Color
Transparent (PNG/WebP only)
Color A
Color B
Angle
135deg
Width
Height
Format
PNG
JPG
WebP
Quality
0.90
Reset
Download
Transparent
Tip: Enter any size you want. Transparent works for PNG/WebP in Solid mode.