6 Free Color Tools Every Web Designer Needs

Build palettes, shade ramps and accessible colour combos — HEX, RGB, HSL and OKLCH, copy in one click.

Color Palette Generator

Color Palette Generator — a free, in-browser design & CSS generator with live preview and copy-ready output.

OKLCH Color Generator

OKLCH Color Generator — a free visual generator with live preview and copy-ready code, right in your browser.

Color Shades Generator

Color Shades Generator — a free, in-browser design & CSS generator with live preview and copy-ready output.

Tailwind Shades Generator

Tailwind Shades Generator — a free, in-browser design & CSS generator with live preview and copy-ready output.

Color Contrast Grid

Color Contrast Grid — a free, in-browser design & CSS generator with live preview and copy-ready output.

Image Color Picker (Eyedropper)

Sample exact pixel colors from any image as HEX/RGB.

Palette Picker with Contrast Scoring

Extract palettes from images and check WCAG compliance.

QR Code Generator

Create custom QR codes with logos and colors — download instantly.

1,000+ more free tools

Every tool on ToolJolt is free, runs in your browser and needs no sign-up.