PaletteGrab icon

PaletteGrab

Extension Actions

How to install Open in Chrome Web Store
CRX ID
aioicpelbaepocgjjkdicnepnbhnnomm
Status
  • Extension status: In-App Purchases
  • Live on Store
Description from extension meta

MV3対応カラーピッカー&パレット管理。EyeDropper APIで色取得、HEX/RGB/HSLコピー。Tailwind・CSS変数・Figmaエクスポート(Pro $3.99買い切り)。

Image from store
PaletteGrab
Description from store

色を探す手間をなくす。その場でキャプチャ。

PaletteGrabはChromeのネイティブEyeDropper APIを使って、ブラウザ画面上のあらゆる色を1クリックでピック。HEX・RGB・HSLを即座にコピーできます。

━━━━━━━━━━━━━━━━━━━━━━
既存ツールの問題
━━━━━━━━━━━━━━━━━━━━━━
ColorZillaは数百万ユーザーを誇る定番ツールですが、Manifest V3への対応が進んでいません。ChromeのMV3移行が完了するにつれ、MV2拡張機能の互換性リスクは高まっています。ColorPick Eyedropperはよりシンプルなツールですがカラーピック止まり——パレット管理もCSS出力もありません。

PaletteGrabはそのギャップを埋めるために作られました。MV3ネイティブで継続的にメンテされ、カラーピックからCSS変数・Tailwind config・SCSSエクスポートまでを一つの拡張で完結します。

━━━━━━━━━━━━━━━━━━━━━━
機能一覧
━━━━━━━━━━━━━━━━━━━━━━
カラーピッカー(無料)
• EyeDropper APIでブラウザ画面全体から任意の色をキャプチャ
• HEX・RGB・HSLを即座に表示、1クリックでコピー
• カラートレイに直近10色を保持
• 直近20件のピック履歴をいつでも参照可能

パレット作成・エクスポート(Pro — $3.99買い切り)
• プロジェクト・クライアント・デザインシステムごとに名前付きパレットを無制限作成
• CSSカスタムプロパティ形式でエクスポート → --color-primary: #3B82F6;
• Tailwind config形式でエクスポート → colors: { primary: '#3B82F6' }
• SCSS変数形式でエクスポート → $color-primary: #3B82F6;
• Figma連携:FigmaのカラートークンインポートLに対応したJSON形式
• 画像からカラー抽出:URLを貼り付けるだけで主要5色を自動抽出
• パレットをURLで共有

━━━━━━━━━━━━━━━━━━━━━━
こんな方に
━━━━━━━━━━━━━━━━━━━━━━
• Webデザイナー:競合サイトやデザインリファレンスから色を取得したい
• フロントエンドエンジニア:デザインシステムの色をTailwindやCSS変数に転記したい
• Figmaユーザー:Webの色をそのままデザインファイルに持ち込みたい
• QAエンジニア:実装色とデザイン仕様色の差異を確認したい

━━━━━━━━━━━━━━━━━━━━━━
無料 vs Pro
━━━━━━━━━━━━━━━━━━━━━━
機能 無料 Pro
──────────────────────────────────
EyeDropper(画面全体) ✅ ✅
HEX/RGB/HSLコピー ✅ ✅
カラートレイ(10色) ✅ ✅
ピック履歴(20件) ✅ ✅
名前付きパレット ✗ ✅ 無制限
CSS/Tailwind/SCSSエクスポート ✗ ✅
FigmaJSONエクスポート ✗ ✅
画像からカラー抽出 ✗ ✅
パレットURL共有 ✗ ✅

Proは買い切りです。サブスクリプションはありません。

━━━━━━━━━━━━━━━━━━━━━━
プライバシー
━━━━━━━━━━━━━━━━━━━━━━
すべてのカラーデータはchrome.storage.localにローカル保存されます。色・パレット・利用データが外部サーバーに送信されることはありません。画像カラー抽出機能は入力されたURLのみを使用し、個人情報の収集・外部送信は行いません。

━━━━━━━━━━━━━━━━━━━━━━
よくある質問
━━━━━━━━━━━━━━━━━━━━━━
ColorZillaの代わりになりますか?
カラーピックとパレット管理の用途ではYesです。ColorZillaはMV2のままで更新が止まっています。PaletteGrabはMV3ネイティブで継続メンテされており、ColorZillaにはなかった開発者向けエクスポート機能も備えています。

スポイトはすべてのサイトで使えますか?
EyeDropper APIはChromeで読み込まれたあらゆるページで動作します。テキスト・画像・CSSの背景色など、ブラウザウィンドウ全体からピクセルカラーを取得できます。

無料版でできることは?
スポイトツール・HEX/RGB/HSLコピー・10色トレイ・20件履歴がすべて無料で使えます。期限制限なし。

Proはサブスクリプションですか?
いいえ、$3.99の買い切りです。月額費用はかかりません。