Free Color Tools
Twelve free tools to help designers work with color more effectively. No account required.
Color Converter
Convert any color between HEX, RGB, HSL, HSB, and CMYK instantly. Copy any format with one click.
Color Compare
Place two colors side by side and compare their hex values, HSL properties, luminance, and contrast ratio.
Color Harmonies
Generate complementary, analogous, triadic, tetradic, and split-complementary palettes from any seed color.
Gradient Generator
Create linear or radial CSS gradients between any two colors. Adjust stops and copy production-ready CSS.
Palette Generator
Build a curated 5-color palette algorithmically from any seed hue. Export as CSS variables or copy hex values.
Palette Builder
Pick colors from the 2016-color archive and export your selection as CSS variables, Tailwind config, or Figma JSON.
Tints & Shades Generator
Generate a complete 11-step tonal scale (50–950) from any hex color. Export as CSS variables, Tailwind config, Sass, or JSON.
Word → Color
Type any word or phrase and get a deterministic color palette derived from its characters. Consistent across sessions.
Spectrum View
Explore all 2016 archive colors arranged in a full-spectrum grid sorted by hue, lightness, and saturation.
Surprise Me
Click for a random color from the curated archive. Great for breaking creative blocks and finding unexpected inspiration.
2,016 colors, zero noise
Every tool on this page works with the same carefully curated archive of 2,016 designer-ready colors. Browse the full archive or read the guides to level up your color knowledge.