Free Online Color Tools

Create palettes, convert color codes, extract colors from images, and check accessible contrast directly in your browser.

Generate a Palette Pick a Color

No sign-up. No uploads. 20 free tools.

Quick palette generator

Press Space to shuffle unlocked colors. Lock the ones you like.

Tip: press Space to regenerate unlocked colors (when not typing in a field).

Palette name

Popular Color Tools

Color Picker Pick a color and read its HEX, RGB, HSL, HSV, and CMYK values with alpha support. Color Palette Generator Generate color schemes with lock, reorder, and export to CSS, JSON, SVG, and PNG. Random Color Generator Generate random colors with style filters, hue/saturation ranges, and contrast pairs. Image Color Picker Upload an image and pick exact pixel colors with a zoom loupe. Runs fully in your browser. Image Palette Extractor Extract a dominant-color palette from any image, with count, filters, and export. HEX to RGB Converter Convert a HEX color code to RGB and RGBA values instantly, with validation. Color Format Converter Auto-detect any color input and convert it to HEX, RGB, HSL, HSV, HWB, and CMYK. CSS Gradient Generator Build linear, radial, and conic CSS gradients with live preview and copy-ready code. Color Contrast Checker Check the contrast ratio between two colors with clear WCAG pass/fail results.

Color Converters

HEX to RGB Converter Convert a HEX color code to RGB and RGBA values instantly, with validation. RGB to HEX Converter Convert RGB or RGBA values to a HEX color code, with 8-digit alpha output. HEX to HSL Converter Convert a HEX color to HSL and HSLA so you can reason about hue and lightness. HSL to HEX Converter Convert HSL or HSLA values into a HEX color code, with alpha support. Color Format Converter Auto-detect any color input and convert it to HEX, RGB, HSL, HSV, HWB, and CMYK.

Palette Generators

Color Palette Generator Generate color schemes with lock, reorder, and export to CSS, JSON, SVG, and PNG. Random Color Generator Generate random colors with style filters, hue/saturation ranges, and contrast pairs. Complementary Color Generator Find the complementary color of any base and preview the pairing in a UI. Analogous Color Generator Generate analogous colors next to your base hue for a harmonious scheme. Triadic Color Generator Generate a triadic scheme of three evenly spaced hues for balanced contrast. Monochromatic Palette Generator Generate a monochromatic palette by varying lightness of a single hue. Tint and Shade Generator Generate tints and shades of a color as a scale, with WCAG text hints and export. Color Mixer Mix two colors at any ratio, with intermediate steps and a gradient view.

Image Color Tools

Image Color Picker Upload an image and pick exact pixel colors with a zoom loupe. Runs fully in your browser. Image Palette Extractor Extract a dominant-color palette from any image, with count, filters, and export.

Accessibility Tools

Color Contrast Checker Check the contrast ratio between two colors with clear WCAG pass/fail results. WCAG Contrast Checker Test color pairs against WCAG 2.2 AA and AAA thresholds with detailed results.

CSS & Developer Tools

Color Palette Generator Generate color schemes with lock, reorder, and export to CSS, JSON, SVG, and PNG. HEX to RGB Converter Convert a HEX color code to RGB and RGBA values instantly, with validation. RGB to HEX Converter Convert RGB or RGBA values to a HEX color code, with 8-digit alpha output. HEX to HSL Converter Convert a HEX color to HSL and HSLA so you can reason about hue and lightness. HSL to HEX Converter Convert HSL or HSLA values into a HEX color code, with alpha support. Color Format Converter Auto-detect any color input and convert it to HEX, RGB, HSL, HSV, HWB, and CMYK. CSS Gradient Generator Build linear, radial, and conic CSS gradients with live preview and copy-ready code. Tint and Shade Generator Generate tints and shades of a color as a scale, with WCAG text hints and export.

Why use ColorFlowTools

Browser-based privacy

All color math and image processing happen locally. Nothing you enter or upload is sent to a server.

Built for real work

Copy HEX, RGB, and HSL instantly, and export CSS variables, SCSS, Tailwind config, JSON, SVG, or PNG.

Accessibility first

Contrast results are shown as text, not color alone, with WCAG AA and AAA thresholds.

Works everywhere

Responsive, keyboard-friendly, and touch-ready, with light and dark modes.

Color guides

Learn the theory behind the tools.

Color Theory Basics How to Choose a Palette HEX, RGB & HSL Explained WCAG Color Contrast All guides →

Frequently asked questions

Are these color tools free?

Yes. Every tool is free to use with no account or sign-up. The site is supported by unobtrusive ads.

Do my images get uploaded?

No. Image tools process your files locally in your browser using the Canvas API. Images never leave your device.

Can I use the exported colors commercially?

Yes. Colors and exported code (CSS, SCSS, JSON, Tailwind) are yours to use in any project.

Which color formats are supported?

HEX (including alpha), RGB/RGBA, HSL/HSLA, HSV, HWB, and an approximate CMYK, plus CSS color names.

Do the tools work on mobile?

Yes. Every tool is responsive and supports touch input, including picking colors from images.