色を取得する画像をドロップ

ドラッグ&ドロップ、貼り付け、またはファイルを選択

PNG · JPG · WebP — お使いのデバイスで色を読み取り

画像カラーピッカー

画像から任意の色をHex・RGB・HSLで取得し、パレットを抽出して色を変更 — 無料・高速・ブラウザ上で完結。

完全無料Hex · RGB · HSL登録不要 PNG · JPG · WebP

Every color tool, one tap away

よくある質問

画像から色を取得するには?

画像を開いてポインターを動かすと、Hex値がカーソルに追従します。クリックして色をロックし、Hex・RGB・HSLコードをコピーしてください。タッチスクリーンでは取得したい箇所をタップします。

写真の色のHexコードを得るには?

カラーピッカーモードを使用し、目的のピクセルをクリックしてください。HEX・RGB・HSLの値が並んで表示され、それぞれにワンクリックのコピーボタンが付いています。

カラーパレットとは何ですか?どのように抽出されますか?

パレットは画像を最もよく表す少数の色のセットです。パレット抽出ツールはk-meansでピクセルをクラスターに分類し、最も代表的な色を返します。数は2〜12から選べます。

主要色と平均色の違いは何ですか?

平均色は全ピクセルをひとつにまとめたもので、くすんだ色になりがちです。主要色は最大の同色系ピクセルクラスターで、目が画像の主色として認識する色に近くなります。主要色モードでは両方を表示します。

CSSやデザインツール向けにパレットを書き出せますか?

はい。パレット抽出ツールは、PNGのスウォッチシート、CSSカスタムプロパティのブロック(--color-1、--color-2 …)、またはHex・RGB・HSLと各色の割合を含むJSONファイルとして書き出せます。

色覚シミュレーターは何をしますか?

第一色覚異常(プロタノピア)・第二色覚異常(デューテラノピア)・第三色覚異常(トリタノピア)のある方の見え方を再現します。グラフ・UI・イラストのアクセシビリティを手軽に確認できます。

色の置換はどのように機能しますか?

置換元の色を選択(または画像上でクリック)し、置換先の色を選び、近似色も含めるために許容値を設定します。変更はリアルタイムにプレビューされ、PNG・JPG・WebPのフル解像度で書き出せます。

カラーピッカーは無料ですか?透かしはありますか?

完全無料で、透かしも登録も不要です。何枚でも画像から色を取得してパレットを作成できます。

画像はどこで処理されますか?

色の取得・パレット抽出・色の変更はすべてブラウザ内で行われるため、結果はお使いのデバイス上で生成されます。ツールに関連するデータの取り扱いについては、プライバシーポリシーをご確認ください。

対応している画像フォーマットは?

PNG・JPG・WebPに対応しています。リカラー・色置換・色覚シミュレーションの出力は、元の解像度でPNG・JPG・WebPとして保存できます。

他の画像ツール