画像から色を抽出
読み込み中…
このツールについて
アップロードした画像からピクセルルーペで正確なHEX・RGB・HSL・CMYK値を抽出します。ブランドカラー合わせやUI QA向けです。AllThatConverterはホバー対象を拡大表示するため、アンチエイリアス端でも自信を持ってクリックでき、モックをクラウドピッカーへ送らずにコードをクリップボードへコピーできます。写真・スクリーンショット・ロゴからオフラインでパレット抽出に最適です。
お使いの端末内だけで安全に処理します
すべての作業は、いまお使いのブラウザの中だけで行われます。ファイルが外部サーバーに送られることはないので、安心してお使いください。
使い方
モック・写真・スクリーンショット・ロゴをアップロードします。
ホバーで拡大ルーペを起動し、対象ピクセル付近をズームします。
クリックして色を取得し、HEX・RGB/RGBA・HSL/HSLA・CMYKの表示を確認します。
必要な形式をCSS・Figma・印刷仕様へコピーします。
主な活用シナリオ
モックからブランドカラーを合わせる
スタイルガイドが不完全なとき、承認済みアートから企業のHEX／RGBを取り出します。
インスピレーション写真からパレット作成
自然・ファッション・インテリア写真から色をサンプリングし、まとまったクリエイティブパレットにします。
描画されたCSS色の検証
ライブサイトのスクショをデザイントークンと照合し、1桁ずれたhexを見つけます。
印刷用CMYK概算の準備
粗い印刷ブリーフを送る前に、ラスターロゴからCMYK概算を読み取ります。
よくある質問 (FAQ)
はい。HEX・RGB/RGBA・HSL/HSLA・CMYKが表示され、クイックコピーできます。
はい。画面上のコントロールやショートカットでズームし、1ピクセル境界を狙えます。
いいえ。サンプリングはブラウザ内のローカルcanvasで行われます。
アンチエイリアスで色が混ざります。塗りつぶし用にはズームして内側の主要ピクセルを選んでください。
表示のCMYKは画面RGBからの変換概算で、印刷機のICCプルーフではありません。本番は印刷所で確認してください。