配色パレット
クリエイター支援
画像から配色を抽出。自動抽出やコントラスト判定付き。
ピン留めするとホーム画面に並びます。アプリはホームから開きます。
このアプリについて
参考画像から色をスポイトしたり、範囲を選んで自動抽出したりして、配色パレットを育てるツールです。HEX／RGB／HSL での確認や CSS 変数・JSON へのコピー、文字色と背景のコントラスト目安（WCAG）も備え、デザイン検討のたたき台になります。
いま触っているパレットだけでなく、画像付きのプロジェクトとして名前を付けて保存できます。UI・イラスト・スライドの色決めに向いています。
できること
- クリック抽出・ルーペ、領域ドラッグでの自動抽出、補色／類似色の提案
- HEX／RGB／HSL 表示と、CSS 変数・JSON のコピー
- WCAG を意識したコントラストチェッカー
- 名前付きプロジェクト保存（画像＋パレット）
はじめかた
- 画像をドロップするか、貼り付けて読み込みます。
- クリック、または範囲指定の自動抽出で色をパレットへ追加します。
- 必要ならコントラストを確認し、色を調整します。
- CSS／JSON をコピーするか、セットとして保存します。
ヒント
プロジェクト保存は端末の保存容量に依存します。大事な配色は CSS／JSON としても手元に控えておくと安心です。
最終更新日
2026年7月2日
対応デバイス
- Windows
- Mac
- PC推奨