Color Wheel Tool 作成者: Paint Color Consultants
Explore color harmonies, pick colors from any page, and export palettes for Tailwind, Figma, and CSS.
拡張機能メタデータ
スクリーンショット
この拡張機能について
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
0 人のレビュー担当者が 0 と評価しました
権限とデータ
詳しい情報
- アドオンリンク
- バージョン
- 1.0.0
- サイズ
- 39.43 KB
- 最終更新日
- 8日前 (2026年2月14日)
- ライセンス
- All Rights Reserved
- バージョン履歴
- コレクションへ追加