画像カラーピッカー
どんな画像からも正確な色を取得
写真を開き、任意のピクセルをタップすると実際の HEX・RGB・HSL 値を確認できます。パレットを整えて PNG カードや CSS 変数として書き出しましょう。すべてブラウザ内で動作し、画像が端末から送信されることはありません。
- フル解像度のピクセル取得
- 主要色の自動パレット
- PNG カードと CSS 書き出し
ここに画像をドロップ
または 画像を選ぶを押してください。Ctrl/Cmd + V で貼り付けることもできます。PNG・JPEG・WebP・GIF・BMP に対応、最大 25 MB。
よくある質問
画像はアップロードされますか？
いいえ。PickTint はブラウザ内でファイルをデコードして読み取ります。アップロード先もアカウントもなく、同意なしにページ上で追跡スクリプトが動くこともないため、画像が端末から送信されることはありません。
使用できる画像形式は？
PNG、JPEG、WebP、GIF（最初のフレーム）、BMP など、ブラウザがデコードできるラスター形式に対応しています。最大 25 MB、4000 万画素までです。SVG と PDF には対応していません。
ピクセルが透明と表示されるのはなぜ？
完全に透明なピクセル（アルファ 0）には色がありません。PickTint は黒と見せかけることなく、そのまま透明と伝えます。半透明のピクセルは実際の RGB 値とアルファの割合を表示し、RGBA 値もコピーできます。
取得した色は実際のピクセルですか？
はい。クリックやタップでは、画面の縮小プレビューではなく、フル解像度の画像からピクセルを読み取ります。パレットは高速化のために縮小したコピーから作成し、類似色をまとめて重複を統合します。
自動パレットの仕組みは？
PickTint は画像の小さなコピーからサンプリングし、中央値分割で似たピクセルをまとめ、ほぼ同じ色を統合します。単色の画像では、偽の色でリストを埋めずに 1 色だけを返します。目標数の変更、HEX 値の編集、色の追加・削除・並べ替えができます。
書き出しファイルの内容は？
PNG カードには各色が順番どおりに HEX と HSL のラベル付きで並びます。CSS ファイルには --picktint-1 以降の安定した変数が定義され、書き出し時点のパレット順と一致します。
スマホでも使えますか？
はい。画像をタップまたはドラッグして色を取得できます。幅の狭い画面では画像がパレットの上に配置されます。サンプルはファイルを選ばずに試せます。