PICTURE · COLOR PICKER
カラーピッカー
画像を入れて任意の点をクリックすると色(HEX/RGB)を表示します。
- 1.画像を選択またはドラッグします
- 2.画像上の任意の点をクリックして色を抽出します
- 3.HEX・RGB・HSL値をコピーします
→ 生成物: 画像から抽出した色値（HEX・RGB・HSL）
画像
画像を入れるとここに表示されます。
このツールについて
画像上の任意の点を押すと、その画素の色を HEX・RGB で示します。画面で見えている色をそのままコードやデザインに移すときに使います。画像はブラウザ内でのみ読み込まれます。
こんなときに
- —参考サイトの画面キャプチャから色を取り出してコードに移すとき
- —ロゴ画像からブランドカラーの正確な値を得るとき
- —写真の雰囲気に合う背景色を決めるとき
知っておきたいこと
- —画面上の色はモニター設定やカラープロファイルで変わります。印刷用の色をこの値で判断しないでください。
- —JPEG のような圧縮形式は輪郭付近の色がずれるため、広い単色部分の内側で取ってください。
- —半透明に重なった部分では、元の色ではなく合成後の色が得られます。