画像とパレットはブラウザ内で処理され、サーバーへアップロードされません
ブラウザ内で画像処理 • アップロード不要 • パレットを書き出し
カラーピッカー
拡大鏡で画像の正確な色を選び、主要色を3〜12色抽出。CSS、コード、SVG、PNGのパレットをブラウザ内で書き出せます。
画像から色を選び、パレットを作成
画像をアップロードすると主要色を抽出でき、拡大鏡で個々のピクセルを確認できます。色値やパレットはコピーまたは書き出しでき、処理はブラウザ内で行われます。
画像から色を選ぶ方法
- 1.デバイスから画像をアップロード
- 2.パレットに表示する主要色を3、5、8、12色から選択
- 3.画像にカーソルを合わせてピクセルを確認し、クリックして色を固定
- 4.色値をコピーするか、必要な形式でパレットを書き出す
選択前に拡大鏡でポインター下のピクセル色を確認できます
HEX、RGB、HSL、XYZ、CMYK、LUV、Lab、HWBの値を表示・コピーできます
CSS、SCSS、CSV、JSON、SVG、PNGパレットカードとして書き出せます
カラーピッカー よくある質問
画像がサーバーにアップロードされますか？
いいえ。すべての色抽出がブラウザ内でローカルに実行。画像がどこにもアップロードされることはありません。
どの画像を使えますか？
ブラウザでデコードできる画像ファイルを選択してください。画像ファイルかどうかを確認し、20MBまで受け付けます。読み込みや抽出に失敗する場合は別の画像をお試しください。
パレットには何色まで表示できますか？
3、5、8、12色から選べます。主要色の候補は最初に一度作成されるため、色数を変えると表示するパレットがすぐに更新されます。
ピクセル単位で正確に色を選べますか？
はい。アップロードした画像にカーソルを合わせると、拡大鏡がポインター下の色を表示します。画像をクリックするとその色が固定され、パレットから選ぶこともできます。
画面上の別の場所から色を選べますか？
ブラウザが EyeDropper API を提供している場合は「画面から取得」を使えます。この API に対応していないブラウザでは、この操作は利用できません。
パレットはどの形式で書き出せますか？
CSS変数、SCSSのHEXまたはRGB変数、CSV、JSON配列、SVG、PNGパレットカードをコピーまたはダウンロードできます。PNGカードには元画像とカラーストリップが含まれます。