カラーピッカー＆コンバーター

はい — 完全無料で、サインアップ・アカウント・使用制限は一切ありません。完全にブラウザ内で動作するため、ピック・ペースト・サンプリングしたカラーがデバイスの外に出ることはありません。インストール不要、サブスクリプション不要です。変換・スポイト・画像カラーピッカー・WCAGコントラストチェック・ティント&シェード・カラーブラインドシミュレーション・カラースキーム生成 — すべての機能がアカウント不要で初回訪問から無料利用できます。

HEXフィールドにHEXコード（先頭の#あり・なし両対応）をペーストすると、RGB・HSL・HSV・CMYK・OKLCHの値が即座に更新されます。例えば#3b82f6をペーストすると、RGBフィールドにrgb(59, 130, 246)、HSLフィールドにhsl(217, 91%, 60%)がすぐに表示されます。変換は双方向なので、RGB値を入力するとHEXと他のすべてのフィールドが同様に更新されます。

本ツールは6つのフォーマット間を双方向変換します：HEX（HTMLとCSSで使用する#rrggbbコード）・RGB（赤緑青値0～255）・HSL（色相0～360°、彩度と明度をパーセンテージで）・HSV/HSB（色相-彩度-明度、ほとんどのデザインアプリカラーピッカーで使用するモデル）・CMYK（印刷プレビュー用シアン-マゼンタ-イエロー-ブラックパーセンテージ）・OKLCH（現代的な知覚的均一カラースペース）。いずれかのフィールドを変更すると残りの5つが即座に更新されます。

はい — これはフル機能の画像カラーピッカーです。写真をアップロード・ドラッグ&ドロップ、またはクリップボードからペースト（Ctrl+V / Cmd+V）して、画像上にカーソルを移動しクリックすれば任意のピクセルの正確なカラーを取得できます。内蔵拡大鏡ルーペがピクセル精度のピッキングのためにズームします。画像はHTMLキャンバスを使用してブラウザ内でローカル処理され、どのサーバーにもアップロードされません。

あります。WCAGコントラストチェッカーは選択したカラーと白・黒の背景との輝度ベースのコントラスト比を計算し、通常テキスト・大テキスト・UIコンポーネントのAA・AAAの合格/不合格バッジを表示します。WCAG AAは通常テキストで4.5:1（大テキストで3:1）が必要で、WCAG AAAは7:1（大テキストで4.5:1）が必要です。カラーフィールドを調整するたびにリアルタイム更新されます。

OKLCHはCSS Color Level 4で導入された現代的な知覚的均一カラースペースです。RGBやHSLでは数値の等変化が人間の目に等しく知覚される差を生まないのに対し、OKLCHは明度値(L)を固定量増減させると色相に関わらず視覚的に一貫した結果が得られるようキャリブレーションされています。これによりアクセシブルでバランスの取れたカラーパレット構築に最適です。OKLCHはワイドガマットカラー（Display P3）も表現でき、現代のブラウザでネイティブサポートされています。

はい。ツール全体が最新のモバイルブラウザで動作します — iPhone/iPadのSafariとAndroidのChromeです。カラーホイール・フォーマット入力フィールド・画像カラーピッカー・WCAGコントラストチェッカー・ティント/シェードスケール・カラースキームジェネレーターはモバイルでも正常に動作します。スクリーンスポイトはモバイルブラウザでは利用できません（デスクトップChrome/Edge限定のAPIです）が、画像ピッカーとクリップボードペーストはモバイルでも完璧に動作します。