Color Picker
色スポイト
写真をタップして色を取得 → 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の候補も確認してください
- ・ 画像データはブラウザ内のみで処理され、外部に送信されません