画像カラーピッカー
画像の好きな場所をクリックするだけで、その正確な色をHEX、RGB、HSL、HSV、CMYKで取得できます。
画像カラーピッカーは、画像内の任意のピクセルの正確な色を調べるツールです。画像の上でポインタを動かすと下のピクセルが拡大表示され、クリックすると色を選んで、HEX、RGB、HSL、HSV、CMYKのコードをコピーできます。色は縮小されたプレビューではなく、元の解像度の画像から読み取られます。
画像カラーピッカーの使い方
- 1
画像を開く
画像をドロップ、選択、または貼り付けます。Ctrl+Vで貼り付けたスクリーンショットも使えます。
- 2
ルーペで狙う
プレビューの上でマウスを動かすと、丸いルーペにポインタの下のピクセルが拡大表示されます。
- 3
クリックして色を取得する
目的の場所をクリックまたはタップします。色がHEX、RGB、HSL、HSV、CMYKの値とともに表示されます。
- 4
コードをコピーする
必要な形式の横にあるコピーボタンをクリックします。最近の色は下に保存され、すぐに再利用できます。
できること
- 拡大ルーペ
- 7 × 7ピクセルの拡大表示で、細い線や1文字のような小さな部分も正確に選べます。
- 5つのカラー形式
- HEX、RGB、HSL、HSV、CMYKの値を、それぞれワンクリックでコピーできます。
- カラー履歴
- 最後に選んだ12色がスウォッチとして残り、クリックするとその色をもう一度選べます。
- 元の解像度から取得
- 色は元の画像のピクセルから読み取られるので、プレビューの大きさに値が左右されません。
よくある質問
画像の色のHEXコードを調べるには？
画像を開いて目的の色をクリックし、HEX値の横にあるコピーボタンを押します。デザインソフトやCSSファイルにそのまま貼り付けられます。
スクリーンショットから色を取得できますか？
はい。スクリーンショットを撮り、このページでCtrl+Vを押して貼り付けてから、必要な色をクリックします。
スマートフォンでも使えますか？
はい。画像をタップして色を選びます。ルーペはマウスポインタを使う場合のみ表示されるので、ごく小さな部分を選ぶときはページを拡大してください。
写真の隣り合うピクセルで色が少し違うのはなぜですか？
写真にはノイズ、グラデーション、圧縮の影響があるため、隣り合うピクセルがぴったり同じ色になることはほとんどありません。何か所か選んで、合っていると思うものを使ってください。
CMYKの値が印刷ソフトと違うのはなぜですか？
ここでのCMYK値は、RGBから単純な計算で変換したものです。印刷ソフトは特定のインクや用紙向けのカラープロファイルを使うため、数値が異なることがあります。