🎨 カラーピッカー

カラーピッカーについて

このカラーピッカーは、すべてブラウザ内で完結します。ネイティブパレットピッカーで選ぶ、RGB または HSL スライダーをドラッグ、HEX 値を入力、またはスポイト（対応ブラウザ）で画面上の任意のピクセルをサンプリングできます。すべての形式がリアルタイムで更新され、ワンクリックで任意の値をコピーできます。

カラー形式の解説

• HEX —— # が前置された 6 桁の 16 進コード（例：#0EA5E9）。Web で最もコンパクトで一般的な形式。
• RGB —— 赤・緑・青のチャンネル（0〜255）。例：rgb(14, 165, 233)。画面色に直感的。
• HSL —— 色相（0〜360°）、彩度（0〜100%）、輝度（0〜100%）。例：hsl(199, 85%, 48%)。色のバリエーション作成に最も適しています。
• HSV —— 色相・彩度・明度。HSL に似ますが明度は輝きを表します。グラフィックソフトで一般的。

ピッカーの使い方

1. パレットから選択をクリックしてネイティブカラーピッカーを開くか、RGB/HSL スライダーをドラッグします。
2. HEX 入力欄に HEX 値を直接入力すると、他のすべての形式に変換されます。
3. スポイト（対応ブラウザ）をクリックして、画面上の任意の可視色をサンプリングします。
4. ランダムでインスピレーションを得て、任意のコピーボタンで値を取得します。

よくある質問

スポイトボタンが無効なのはなぜですか？ EyeDropper API は現在 Chromium 系ブラウザ（Chrome・Edge）でのみサポートされています。Firefox や Safari ではネイティブパレットピッカーまたはスライダーを使用してください。

スポイトは安全ですか？ はい。ブラウザはページにピクセルを共有する前に確認ダイアログを表示し、何もアップロードされません。

HSL と HSV の違いは？ どちらも円柱形のカラーモデルです。HSL の輝度 100% は純白ですが、HSV の明度 100% は純色です。第 3 チャンネルを調整すると異なるシェードになります。

カラー履歴は保存されますか？ 履歴は現在のセッションのブラウザメモリにのみ保持され、ページを更新すると消去されます。