Category
Color
Color converters, palette generators, gradient builders, WCAG contrast — everything for picking the right hex.
16 free color tools — no sign-up, runs in your browser.
Color Converter
Convert any color (hex, rgb, hsl, hsv, named) to every common format at once — runs locally in your browser.
Complementary Color Generator
Find the complementary (opposite) color for any hex / rgb / hsl input — instant, free, no upload.
Triadic Colors Generator
Generate a balanced 3-color triadic palette from any base color — runs locally, free.
Analogous Colors Generator
Generate an analogous 3-color palette (±30° hue) from any base color — instant, local.
Shade & Tint Generator
Generate N evenly-spaced shades (darker) and tints (lighter) of any base color — runs locally.
Random Color Generator
Generate N cryptographically-random colors with optional pastel / vibrant / dark / light constraints.
CSS Gradient Generator
Build a linear or radial CSS gradient between two colors with custom angle and stop count.
WCAG Contrast Checker
Check WCAG 2.1 contrast ratio for any foreground/background pair — AA & AAA, normal & large text.
Color Name Finder
Find the closest standard CSS named color (out of 148) for any hex / rgb / hsl input.
Tailwind Color Finder
Find the closest Tailwind v3 utility class (e.g. bg-emerald-600) for any hex / rgb / hsl color.
Material Design Palette Generator
Generate a 10-step Material Design tonal palette (50–900) from any base color.
Tailwind Palette Extractor
Generate a full 11-shade Tailwind-style palette (50–950) from any single hex color.
Tailwind Shade Generator
Generate a full Tailwind-style 50–950 shade scale from one hex color — CSS variables & config, in-browser.
HSV Color Picker
Convert HSV (Hue, Saturation, Value) to Hex, RGB, HSL, and Tailwind — runs locally in your browser.
Color Blender
Blend two colors together with an adjustable ratio — mix in RGB or HSL color space and see hex, RGB, HSL output.
Color Blindness Simulator
Simulate how any color looks to people with color blindness — protanopia, deuteranopia and tritanopia.
Frequently asked
Are Toolsly color tools free?
Yes. Color converters, palette generators, gradient builders, and the WCAG contrast checker are all free.
Which color formats can I convert between?
HEX, RGB, HSL, HSV, CMYK, OKLCH, and named CSS colors convert bidirectionally.
Does the contrast checker meet WCAG?
Yes. Toolsly's contrast checker uses the WCAG 2.1 luminance formula and reports AA and AAA pass/fail for normal and large text.