Color Wheel Tool por Paint Color Consultants
Explore color harmonies, pick colors from any page, and export palettes for Tailwind, Figma, and CSS.
1 User1 User
Metadata de la extensión
Capturas de pantalla
Sobre esta extensión
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
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
Rated 0 by 0 reviewers
Permissions and data
Más información
- Enlaces del complemento
- Versión
- 1.0.0
- Tamaño
- 39,43 KB
- Última actualización
- hace un mes (14 de feb. de 2026)
- Categorías relacionadas
- Licencia
- Todos los derechos reservados
- Historial de versiones
- Añadir a la colección