メインコンテンツへスキップ
Color Codes

カラー抽出

画像カラーピッカー

写真、ロゴ、スクリーンショット、ムードボードから色を抽出します。手元の画像を読み込み、任意のピクセルをクリックするだけで、CSS、Figma、ブランドパレット、デザインの参考に使える正確な HEX・RGB・HSL コードをコピーできます。

端末内で処理され、画像がこのデバイスの外に出ることはありません。

よくある使い方

01

画像から HEX コードを取得

商品写真、UI のスクリーンショット、イラスト、参考画像から正確な色が必要なときに。

02

ロゴからブランドカラーを抽出

ロゴのメインカラーとアクセントカラーを取り出し、ファイルをサーバーにアップロードせずにパレットへ保存できます。

03

スクリーンショットから色を取得

Web サイトやアプリの画面を読み込み、UI の色、グラデーション、面の色を特定してデザインシステムの再現に役立てます。

画像カラーピッカーのよくある質問

画像はアップロード・保存されますか?

いいえ。画像はブラウザ内で読み込まれ、端末上で色を取得します。非公開のスクリーンショットや未発表のブランド素材にも安心して使えます。

ロゴの色の抽出にも使えますか?

はい。ロゴファイルやスクリーンショットを読み込み、主要なブランド部分をクリックすれば、スタイルガイド用に HEX・RGB・HSL をコピーできます。