Glyph WidgetsGlyph Widgets
ツール概要お問い合わせブログプライバシー利用規約広告を削除Ko-fiでサポート

© 2026 Glyph Widgets LLC. All rights reserved.

·

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

開発者ツール
テキスト・文章
画像・カラー
メディア
ウェブ・SEO
ユーティリティ
プライバシーとセキュリティ
計算ツール
  1. ホーム
  2. 画像・カラー
  3. カラーツール
  4. 画像カラーピッカー

画像カラーピッカー

最終更新: 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 に変換されます。

パレット構築

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

よくある質問

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

関連ツール

Color Picker

Pick colors with EyeDropper

Color Converter

Convert color formats

Palette Generator

Generate color harmonies