画像カラーピッカー

この画像カラー ピッカーは、「そのピクセルの正確な色は何ですか?」という、よくある単純な質問に答えます。写真、スクリーンショット、またはデザインのエクスポートをアップロードまたはドラッグすると、ツールがそれをピクセル精度のキャンバスに描画します。カーソルを移動すると拡大ルーペが追従し、その下の 11×11 ピクセルが拡大されるので、正確に狙いを定めることができます。カーソルの下の値がライブで表示されます。ワンクリックで色が 3 つのカード (CSS 用の HEX、コード用の RGB、明度調整用の HSL) に表示され、それぞれに独自のコピー ボタンが付いています。

このようなピッカーにとって重要なのは精度です。アンチエイリアス処理されたテキスト、グラデーション、写真のエッジでは、隣接するピクセルが著しく異なり、縮小プレビューから目で選ぶと間違った色合いが得られることがよくあります。ルーペには、すべての物理ピクセルが中央に十字線が付いた大きな正方形として表示されるため、コピーした値は、意図したピクセルの値とまったく同じになります。過去 8 つの選択の履歴が色見本として保存されます。その色を再度コピーするには、いずれかをクリックします。

このツールはブラウザのキャンバス API 上に構築されており、デバイス上で完全に実行されます。画像は決してアップロードされず、キューやアカウントもなく、機密のモックアップや文書であっても安全に検査できます。 PNG、JPG、WebP、GIF、SVG など、ブラウザで開くことができるあらゆる画像形式で動作します。

一般的な用途: スタイル ガイドが失われたときにロゴからブランド カラーを復元する、UI の色を参照スクリーンショットと一致させる、グラデーションが実際にレンダリングされる内容を確認する、または写真からパレット候補を取得する。その後、別の表記法 (印刷用の CMYK、または正規化された値) で色が必要な場合、カラー形式コンバータ ツールは、スポイトが終了したところからすぐに選択します。