🎨 Free Color Tools

Free color tools that run in your browser: build palettes and gradients, generate tints and shades, check WCAG contrast, and convert HEX, RGB and HSL. No signup.

✔ 8 free tools✔ No signup✔ No watermark✔ In your browser

A set of free MakeToolz tools for working with color, all running in your browser. Build a matching palette or a smooth CSS gradient, generate a full range of tints and shades, check text contrast against WCAG AA and AAA, pick a color from an image, and convert between HEX and RGB. Every tool is free, needs no signup, and gives you copy-ready codes.

Palettes & Gradients (3)

Build matching color schemes, gradients and shade ramps from any color.

🎨 Color Palette GeneratorGenerate matching HEX color schemes from any base color. 🌈 CSS Gradient GeneratorBuild a linear or radial CSS gradient and copy the code. 🌗 Color Shades GeneratorGenerate tints and shades of any color with HEX codes.

Check & Pick (2)

Test contrast for accessibility, or pull a color from an image.

🔳 Color Contrast CheckerCheck text/background contrast against WCAG AA and AAA. 🎨 Image Color PickerClick any pixel in an image to get its HEX and RGB color.

Convert (3)

Move between HEX, RGB and mixed colors.

🎨 HEX to RGB ConverterConvert HEX ⇄ RGB color codes with a live preview swatch. 🎨 RGB to Hex ConverterConvert RGB values to a hex color code instantly, with a live swatch and copy button. 🎨 Color MixerBlend two colors and get the mixed hex and RGB.

Frequently Asked Questions

Are these color tools free?
Yes. Every color tool is free with no signup and no limits, and they all run in your browser.
What is the difference between HEX and RGB?
They describe the same color in two formats. HEX like #5A45E6 is common in design tools, while rgb(90, 69, 230) is common in CSS. These tools give you both.
Do I need to install anything?
No. These are web tools, so there is nothing to install. Open one and start picking, building or converting colors right away.
Can I build a palette from my brand color?
Yes. Paste your brand HEX code into the palette or shades generator and every scheme is built around it.

More Free Tool Collections

Explore the rest of the MakeToolz toolbox, every tool free and running in your browser.

Free Online CalculatorsFree Discord ToolsFree Markdown ToolsFree Image ToolsFree CSS GeneratorsFree Time & Date ToolsFree Unit ConvertersFree Health & Fitness Calculators