画像カラーピッカーとパレット
ブラウザ内で 1 枚の画像から色を取得し、HEX/RGB/CSS 値をコピーし、2-32 色の代表パレットを抽出して CSS 変数または JSON として書き出せます。HEIC/HEIF 入力に対応します。
画像をここにドラッグ&ドロップまたはクリックして選択
PNG / JPEG / WebP / AVIF / HEIC / HEIF 対応
ファイル数
0 / 1
合計サイズ
0 bytes / 25 MB
1ファイルの上限
25 MB
かんたんスタート
よくある利用シーン
デザイン/ポスターの色取得
配色スキーム用に主要色とアクセント色を抽出
テーマ/デザインシステム
プロジェクト用に CSS 変数または JSON をエクスポート
コンポーネントスタイリング
ボタン、タグ、チャート用のマッチング色を抽出
ブランド統一
ブランド素材から標準カラーパレットを抽出
カラーピッカーとパレット設定
使い方のヒント
制限事項と互換性
プライバシーとセキュリティ
よくある質問
一般的な UI は 8 または 12、最小アイコンは 4-6、写真やグラデーションは 16-32 が目安です。プリセットで素早く比較できます。
クリック取色は表示中の Canvas を 1 点サンプリングします。パレット抽出は 256 px サンプルを量子化し、全体傾向を表す色を出します。
色の取得とパレット抽出はブラウザ内で行われます。画像はツールを開いている間だけページメモリに保持されます。パレットの色数はブラウザストレージに残り、有効時は WebDAV で同期される場合があります。取得色、パレット、プレビュー状態も存在している間は実行時状態として同期されることがあります。画像ファイルは添付同期を明示的に有効にした場合だけ WebDAV 添付同期に入ります。
取得した色は HEX、RGB、CSS 形式で表示されます。パレットは CSS 変数と、index、hex、css、rgb、count を含む JSON として書き出せます。HSL、CMYK、Pantone、LAB、OKLCH、ASE、Figma パレット書き出しは対象外です。