Color Wheel Tool

Color Wheel Tool is a lightweight color harmony explorer that works directly on any webpage. It features a clean interface, requires no login, and has no paywalls.

Features:

• interactive color wheel with click-and-drag hue selection
• switch between RGB and RYB (artistic) color wheel modes
• generate 6 harmony types: complementary, analogous, triadic, split-complementary, tetradic, and monochromatic
• pick any color from the page with the built-in eyedropper tool
• adjust saturation and lightness with visual gradient sliders
• view tints, shades, and tones - 10-step variations for any color
• check WCAG contrast ratios against white and black backgrounds with AA/AAA badges
• get color values in 11 formats: HEX, RGB, HSL, HSV, CMYK, XYZ, CIE Lab, CIE Luv, YIQ, Hunter Lab, and Decimal
• copy any color value or swatch to clipboard with one click
• export palettes as Tailwind v4, Tailwind v3, Figma, CSS variables, or plain codes
• choose between HEX, RGB, and HSL output with custom variable prefix
• save up to 30 palettes locally for later use

How to use:

• install the extension from Web Store
• click the extension icon on any webpage to open the widget
• drag the widget anywhere on the page
• click or drag on the color wheel to pick a hue, then fine-tune with sliders
• choose a harmony type and copy colors from the palette
• switch to Color Codes tab for values in 11 color formats
• export palettes for Tailwind, Figma, or CSS in the export panel
• save your favorite palettes in the Saved tab

No data collection. No tracking. Works entirely offline and locally.

Explore our web-based version