Toolspark

Color Wheel

Interactive HSL color wheel with color harmonies. Pick colors, see hex/RGB/HSL values, and explore complementary, triadic, and analogous palettes.

Share:𝕏fin↗

🎨 Color Harmonies

Complementary
Copy
Base
#ff0000
Copy
180°
#00ffff
Triadic
Copy
Base
#ff0000
Copy
120°
#00ff00
Copy
240°
#0000ff
Analogous
Copy
Base
#ff0000
Copy
30°
#ff8000
Copy
330°
#ff0080
Split-Complementary
Copy
Base
#ff0000
Copy
150°
#00ff80
Copy
210°
#0080ff

Frequently Asked Questions

Related Tools

🎨

Color Harmony Generator

Generate beautiful color harmonies from any base color. Complementary, analogous, triadic, split-complementary, tetradic, and monochromatic schemes.

🎨

Color Picker & Converter

Pick colors and convert between HEX, RGB, and HSL formats instantly.

🌈

Color Palette Generator

Generate harmonious color palettes. Analogous, complementary, triadic, monochromatic, and random schemes.

🎨

Color Palette Extractor

Extract dominant colors from any image using median-cut quantization. Get a beautiful palette with hex codes for your designs.

🎨

Color Palette from Image

Extract dominant colors from any image. Upload a photo and get a color palette with hex codes, RGB values, and usage percentages.

🎨

Tailwind CSS Color Picker

Browse all Tailwind CSS colors with shades 50-950. Click to copy class names or hex values. Search and filter by color family.