画面抽出とカラー変換

カラーピッカー＆スポイト

ネイティブのEyeDropper APIで画面のあらゆる色をピンポイント抽出。HEX、RGB、HSL、HSV、CMYKへ瞬時に変換し、WCAGアクセシビリティ視認性を自動判定。

画面スポイトはChromium系ブラウザ（Chrome、Edge）に対応。すべての計算は端末内で完結し、サーバー通信はありません。

お使いのブラウザはEyeDropper API非対応です。パレットをご利用ください。

#3B82F6

Luminance: 0.235

HEX#3B82F6

RGBrgb(59, 130, 246)

HSLhsl(217, 91%, 60%)

HSV / HSBhsv(217, 76%, 96%)

CMYK (印刷)cmyk(76%, 47%, 0%, 4%)

白背景 (#FFFFFF) 上の視認性3.68 : 1

AA (≥4.5:1) 不適合AAA (≥7:1) 不適合

黒背景 (#000000) 上の視認性5.71 : 1

AA (≥4.5:1) 合格AAA (≥7:1) 不適合

補色 (180°)

#3B82F6#F6AF3C

類似色 (±30°)

#523CF6#3CE0F6

トライアド (120°)

#F63C83#83F63C

モノクローム明暗

🛡️100% ブラウザ内メモリ計算 · 外部送信ゼロ · 安心のカラー分析

方法と制限

色空間の計算アルゴリズムとWCAGコントラスト規格

画面表示用のsRGB規格から直感的なHSL/HSV色相環への変換、印刷用の減法混色モデル（CMYK）への変換をミリ秒単位で処理します。

WCAG 2.1のコントラスト比は、非線形sRGBを線形相対輝度に展開して計算され、通常文字で4.5:1以上（AA）、7:1以上（AAA）の適合基準を判定します。

相対輝度 L = 0.2126*R + 0.7152*G + 0.0722*B；コントラスト比 = (L1 + 0.05) / (L2 + 0.05)。

よくある質問

スポイト機能に対応しているブラウザは？

Google Chrome 95以降およびMicrosoft Edge 95以降に対応しています。未対応ブラウザではカラーパレットから直接選択可能です。

画面キャプチャが外部に漏れる心配はありませんか？

一切ありません。EyeDropper APIはブラウザのサンドボックス内で厳格に隔離されており、クリックした1点の色情報のみが渡されます。

CMYK値は印刷入稿に使用できますか？

一般的な設計・色指定用の標準減法混色変換に対応しています。精密な商業印刷ではICCプロファイルの設定を推奨します。