ホームへ戻る

色スポイト

写真をタップして色を取得 → HEX・RGB・HSL・24分割コードでコピー

写真を選択

スマホはアルバム選択・カメラ撮影どちらにも対応しています

写真を選択するとここに表示されます

タップした位置の色をHEX・RGB・HSLで取得できます

コード確認パレット

H=色の系統(24等分) / L=明るさ(3段階) / S=彩度(3段階)

現在の選択
コード直接入力

コードを入力してパレットをハイライト(Enterでも反映)

H — 色の系統(24等分)

S=50%・L=55% 固定表示(Hの差のみを比較できるよう統一)

L — 明るさ(3段階)
S — 彩度(3段階)
照明ズレ対策: Hは境界でズレやすいので近い候補も確認してください → H23-L2-S2 / H00-L2-S2 / H01-L2-S2
使い方・機能一覧
1

写真を選択

「写真を選ぶ」でアルバムから、「カメラで撮る」でその場で撮影。PC はファイル選択、スマホはカメラ/アルバム両対応。

2

タップして色取得

画像をクリックまたはタップすると、その位置(近傍5×5px平均)の色をスポイト取得します。マーカーが表示されます。

3

コードを確認・コピー

取得した色のHEX・RGB・HSL・24分割コードが表示されます。各値をタップするとクリップボードにコピーされます。

4

パレットで照合

24分割コードをパレット上で視覚確認。H/L/Sを個別に選んだり、コードを直接入力して検索できます。

主な機能

  • スポイトクリック位置の近傍ピクセルを平均して取得するため、細かい柄や影の影響を受けにくい。
  • 取得形式HEX / RGB / HSL / 24分割コード(Hxx-Ly-Sz)の4種類でコピー可能。
  • パレットH(24色相)・L(明るさ3段)・S(彩度3段)を選んで代表色を視覚確認。コード直接入力でも検索できる。
  • 24分割コードHxx-Ly-Sz 形式で色を「グループ」分類。照明や撮影条件が変わっても同系統の色を特定しやすい。

24分割コードの読み方

  • H00〜H23 — 色の系統(360°を24等分:赤/橙/黄/緑/青/紫…)
  • L1/L2/L3 — 明るさ(暗い/中/明るい)
  • S1/S2/S3 — 彩度(淡い/中/濃い)

注意事項

  • ・ 正確な色はHEX値でご確認ください。パレットは「近い色の目安」です
  • ・ 照明や撮影条件で同じ物体でも色が変わります。H±1の候補も確認してください
  • ・ 画像データはブラウザ内のみで処理され、外部に送信されません