画像カラーピッカー
写真からHEX・RGB・HSLを取得し、パレットをCSS変数で保存。アップロードや登録は不要です。
ここに画像をドロップ
ドラッグ＆ドロップ、または下のボタンで選択
JPG · PNG · WEBP
最大 250 MB・1 回につき 1 枚
1 枚あたり最大 1600 万画素・各辺 8192 px まで
すべてローカルで処理
使い方
- 01
画像を選び「画像の色を読み取る」を押します。
- 02
画像をクリック、矢印キーで移動、または座標を入力。パレットの色も選べます。
- 03
色をコピーするか、選択色とパレットをJSON、パレット変数をCSSで保存します。
詳しい説明とヒント
仕組み
向きを補正した元サイズの画像から、拡大縮小せずにピクセルを読みます。透明度がある場合はHEXにアルファ値を付けます。パレットは均等なサンプルを近いRGB値でまとめ、最大6組を不透明色で推定します。個別のピクセル値とは異なります。
こんな場面に
写真に合わせたサイトのアクセント色、イラストの配色、試作デザインのCSS変数に。パレットは参考色、正確なデコード済みピクセルには座標選択を使います。
よくある質問
画像はアップロードされますか？
いいえ。デコード、色の取得、パレットの生成はブラウザー内で行います。
すべての色がパレットに入りますか？
いいえ。不透明度が約50%未満のピクセルを除き、近い色をまとめて最大6組を推定します。個別のピクセルは元解像度で読み取ります。
印刷用CMYK値を取得できますか？
対応していません。ブラウザーでデコードされたRGB・HEX・HSLであり、印刷の測色やCMYK変換ではありません。