画像の色取得 — 結果の検証
画像の色取得 — 結果の検証：取得した色を検証するには、HEXを手で変換し、別のツールに貼り付け、元画像でクリックした位置と色見本を並べて比べます。
画像はブラウザー内で分析されます。
またはこのページのどこにでも画像を1つドロップ
カラーピッカーとパレット抽出
入力と出力の例
取得した色を検証するには、HEXを手で変換し、別のツールに貼り付け、元画像でクリックした位置と色見本を並べて比べます。
変換は暗算でできます。HEXの2桁が1チャンネルなので、#6D28D9は6D=109、28=40、D9=217で、横に表示されたrgb(109, 40, 217)と一致するはずです。2行が食い違うなら、別々のクリックからコピーしています。コードの隣には色見本も表示されるので、画面上でクリックした領域のそばに置いて見比べましょう。
バナーを承認するブランド担当者なら、HEXを空白のページやデザインファイルに正方形として貼り、元画像のロゴに直接隣接させて継ぎ目が見えないか確認します。継ぎ目が見えるなら、縁やグラデーション、別レイヤーから取った値です。
よくある失敗は、最初に出た数値をそのまま信じることです。同じ平坦な領域の2つ目、3つ目のピクセルもクリックしてください。PNGのロゴなら完全に同じ、JPGならチャンネルごとに数単位の差に収まるはずです。純白や純黒と分かっているピクセルで試して動作確認するのも有効です。
最後に、実際の使い方の中で確認します。文字色を背景色の上に通常のサイズで置いて読めるか見てください。本文にはアクセシビリティの指針でコントラスト比4.5対1以上が推奨されており、一般的なコントラストチェッカーで測れます。
入力
Pixel selected in an image
出力
HEX and RGB values
画面上で一致すれば数値は確認できますが、CMYKや特色といった印刷の色は、印刷会社と別に確認が必要です。
作業別ツール 12
関連ツール 13
画像の色取得 — 結果の検証の使い方
- 画像の色取得 — 結果の検証 に使う画像を選びます。
- ピクセルをクリックするか、抽出されたパレットから色を選びます。
- 正確な HEX または RGB 値をコピーします。
よくある質問
画像の色取得 — 結果の検証 では何ができますか？
画像の色取得 — 結果の検証：取得した色を検証するには、HEXを手で変換し、別のツールに貼り付け、元画像でクリックした位置と色見本を並べて比べます。
画像の色取得 — 結果の検証 はどのように使いますか？
画像の色取得 — 結果の検証 に使う画像を選びます。 ピクセルをクリックするか、抽出されたパレットから色を選びます。 正確な HEX または RGB 値をコピーします。
画像の色取得 — 結果の検証 の結果はどのように受け取れますか？
選択した色と抽出パレットは HEX・RGB でそのままコピーできます。
編集した画像を公開する前に何を確認しますか？
書き出したファイルを開き、使用時のサイズで画素数・容量・小さな文字・輪郭・透明部分を確認してください。サイズ変更は画素数、圧縮は容量を調整します。拡大しても失われた細部の復元は保証されません。設定を変えて再出力できるよう原本を保管してください。