画像カラーピッカー
画像をアップロードして、クリックで色を取得。
画像をここにドラッグ＆ドロップ
またはクリックしてファイルを選択
PNG, JPEG, WebP
すべての処理はブラウザ内で行われます。画像がサーバーにアップロードされることはありません。
取得した色
色の履歴
正確に色を取得するコツ
拡大して正確に
拡大鏡を使えば、微妙な色の違いがある細部でも正確にピクセル単位で色を取得できます。
適切なフォーマットの選び方
HEXはWebデザインの標準、RGBは画面表示、HSLは直感的な色調整、CMYKは印刷用です。
色の履歴
取得した色はすべて履歴パネルに保存されます。スウォッチをクリックすれば値を呼び出せるので、色の比較に便利です。
画像の品質が重要
高解像度の画像をアップロードすると、より正確な結果が得られます。圧縮の強い画像は元の色と異なる場合があります。
よくある使い方
モックアップやスクリーンショット、参考画像から正確な色を取得し、デザインシステムに合わせます。
ロゴやマーケティング素材からブランドカラーを抽出し、プロジェクト全体で一貫した配色に。
参考写真から色をサンプリングして、デジタルペインティングやイラスト用の正確なパレットを作成。
写真の支配的な色やトーンを特定し、編集やカラーグレーディングに活用。
インスピレーション写真の色をマッチさせて、塗料・生地・素材の選択に役立てます。
スクリーンショットから前景色と背景色を抽出し、コントラスト比がアクセシビリティ基準を満たしているか確認。
よくある質問
画像はサーバーにアップロードされますか？
いいえ。すべての処理はブラウザ内で完結します。画像がデバイスの外に送信されることはありません。
対応している画像フォーマットは？
PNG、JPEG、WebP画像をアップロードできます。
色の値はどの程度正確ですか？
値はブラウザに表示された画像のピクセルから直接読み取られます。最も正確な結果を得るには、非圧縮または軽圧縮の画像をお使いください。
画像のどこからでも色を取得できますか？
はい。アップロードした画像のどこでもクリックすれば、そのピクセルの色を取得できます。拡大鏡を使えば精密な場所も狙えます。
RGBとCMYKの違いは？
RGB（赤・緑・青）は画面やデジタルディスプレイ用、CMYK（シアン・マゼンタ・イエロー・キー/ブラック）は印刷用です。同じ色でも両システム間でわずかに異なる場合があります。
取得した色を自分のプロジェクトで使えますか？
色の値（HEX、RGBなど）は普遍的なもので、著作権の制限を受けません。ただし、著作権のある画像から色を抽出する場合は、その画像を参考素材として使用する適切な権利があることをご確認ください。