Color Wheel Tool Autor: Paint Color Consultants
Explore color harmonies, pick colors from any page, and export palettes for Tailwind, Figma, and CSS.
Metadane rozszerzenia
Zrzuty ekranu
O tym rozszerzeniu
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
Ocenione na 0 przez 0 recenzentów
Uprawnienia i dane
Zbieranie danych:
- Autorzy tego rozszerzenia twierdzą, że nie wymaga ono zbierania danych.
Więcej informacji
- Strony dodatku
- Wersja
- 1.0.0
- Rozmiar
- 39,43 KB
- Ostatnia aktualizacja
- 9 dni temu (14 lut 2026)
- Powiązane kategorie
- Licencja
- Wszelkie prawa zastrzeżone
- Historia wersji
- Dodaj do kolekcji