← ツール一覧

開発

カラーピッカー・画像の色抽出

色の選択・HEX/RGB/HSL変換、画像からのカラーコード取得。

入力データはこのブラウザ内で処理されます。サーバーには送信しません。

画像から色を取得

PNG・JPEG・WebP・GIF・BMP。10MiB・2,500万画素・各辺8,192pxまで。画像をクリック・タップすると、その画素の色を取得します。

パレット(最大20色)

色を選び直すにはパレットの色を押してください。保存するまで、このページ内だけで保持します。

色コードと画像の取り扱い

HEXは3・4・6・8桁、RGB・HSLはカンマ区切りとスペース区切りに対応します。透明度はRGBA・HSLAまたはスラッシュで指定できます。名前付きの色やLab・Display P3には対応していません。RGBはsRGBの8bit整数に丸め、HEXの透明度は8bitへ丸めます。

CMYKはRGBから計算した参考値です。ICCプロファイルを使う印刷用変換ではなく、透明度も反映しません。画像の色はブラウザがsRGBのCanvasへ描画した値で、元ファイルのプロファイル・透明度・ブラウザの処理によって変わる場合があります。完全に透明な画素の元のRGB値は保持できない場合があります。

画像は原寸の画素を読み取り、画面上では縮小表示します。アニメーションは静止画として扱います。入力・画像・パレットをサーバーに送信せず、ページを閉じると記録は失われます。

カラーピッカー・画像の色抽出の使い方

  1. 色を選択、HEX・RGB・HSLを入力、または画像を読み込みます。
  2. 画像をクリック・座標指定して色を取得し、カラーコードを確認します。
  3. 形式別にコピーし、選んだ色をパレットに追加・JSON保存できます。
すべてのWebツールを見る →