Glyph WidgetsGlyph Widgets
概要お問い合わせプライバシー利用規約Ko-fiでサポート

© 2026 Glyph Widgets. All rights reserved.

·

100%クライアントサイド処理

画像カラーピッカー

最終更新: 2026年3月10日

画像の任意の場所をクリックして色を抽出します。HEX、RGB、HSL形式で色を取得します。画像からカラーパレットを作成します。

ここに画像をドロップするかクリックして参照

Tool Notes is a Supporter feature.

機能

  • ▶クリックで画像から色を取得
  • ▶精密な拡大鏡機能
  • ▶HEX、RGB、HSL、CMYK値を抽出
  • ▶選んだ色からパレットを作成
  • ▶カラー履歴の追跡
  • ▶ワンクリックで色をコピー
  • ▶100%クライアントサイド処理
  • ▶任意の画像形式に対応

使い方

1

画像をアップロード

画像をドラッグ&ドロップするか、クリックしてファイルを参照してください。

2

色をピック

画像上の任意の場所をクリックして、その点の色を取得してください。精度のために拡大鏡を活用してください。

3

色をコピー

任意のカラーフォーマットの隣にあるコピーボタンをクリックしてクリップボードにコピーしてください。

画像から Canvas へ

画像をアップロードすると、ピクセルデータにアクセスするために非表示の Canvas 要素に描画されます。

ピクセルサンプリング

クリックすると、getImageData() がカーソル位置のピクセルの RGB 値を取得します。

色変換

RGB 値は標準的な色空間の公式を使用して HEX、HSL、CMYK に変換されます。

パレット構築

選択した各色が配列に追加され、画像からカスタムパレットが作成されます。

よくある質問

画像をアップロードして、任意の場所をクリックしてください。そのポイントの色が抽出されて複数の形式で表示されます。

関連ツール

カラーピッカー

EyeDropperで色を選択

カラーコンバーター

カラーフォーマットを変換

パレットジェネレーター

カラーハーモニーを生成