Color Tools – Free, Simple, Offline

Image: Hover to preview color, click to select.

Live color #—

Selected #—

RGB rgb(—)

HSL hsl(—)

Tip: Zoom your browser if you need more precise picking.

Image: 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

CSSlinear-gradient(135deg, #5aa9ff, #31d0aa)

Solid Gradient

Color Transparent (PNG/WebP only)

Width Height

Format

Tip: Enter any size you want. Transparent works for PNG/WebP in Solid mode.