🎨
Color Tools
Free online color tools. No signup required.
🎯 Color Picker (from Image)
🎨 Palette from Image
◐ Contrast Checker
🌈 Gradient Maker
🖼️ Background Generator
Image:
Click image to select color. Drag to move when zoomed.
Zoom
100%
🖼️ Image Preview
🎯 Selected
#—
# HEX
#—
📋 Copy HEX
● RGB
rgb(—)
📋 Copy RGB
◉ HSL
hsl(—)
📋 Copy HSL
HEX Input
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.