画像・デザイン

カラーコード相互変換 & 画像スポイト抽出ツール

HEX・RGB・HSLの相互変換はもちろん、お手持ちの画像をアップロードして写真やイラスト内の任意の位置からカラーコードを直接スポイト抽出できます。

右下のアイコンから色を選択可能
HEX (カラーコード)#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
おすすめの調和パレット(自動生成)
補色(反対色・コントラスト)
hsl(37, 91%, 60%)
類似色 A (+30°)
hsl(247, 91%, 60%)
類似色 B (-30°)
hsl(187, 91%, 60%)
画像をクリックして色を即座に特定

写真やデザインカンプの気になる部分をクリックするだけで、正確なHEXカラーコードを取得してコピーできます。

画像は完全ローカル処理(非送信)

アップロードした画像はサーバーに送信されず、お使いのブラウザ内でのみ安全にピクセル解析されます。