カラーピッカー

カラーピッカーについて

色を選んでHEX、RGB、HSL、コントラストを取得。「色」・「色相」・「彩度 %」を入力して「実行」を押すと結果パネルに表示されます。処理はブラウザ内で完結し、入力内容は送信されません。

カラーピッカーは上のフォームの「色」・「色相」・「彩度 %」・「明度 %」を読み取り、結果パネルへ答えを書き出します，コントラスト比はWCAGの相対輝度の式で算出しています。通常テキストのAA基準は4.5:1です。ログインやサーバーへの送信は不要で、ページ内の JavaScript が端末上で処理します。

使い方

1. 生成とユーティリティカテゴリからカラーピッカーを開くか、ヘッダーの検索ボックスで探してください。
2. ページの項目を入力します：「色」・「色相」・「彩度 %」・「明度 %」。
3. 「実行」を押します。新しい結果が前回の結果を上書きし、表示されるのは常に現在の 1 回分だけで、2 つが並ぶことはありません。
4. 「HEXをコピー」で結果をクリップボードへコピーできます。実際にコピーできたときだけメッセージが出ます。

使用例

上の項目に自分のデータを入力し、「実行」を押すと結果が出ます。入力を変えてもう一度押すと、現在の入力で再計算され前の結果を置き換えます。

よくある質問

入力した内容は送信されますか？

いいえ。カラーピッカーは「色」・「色相」・「彩度 %」・「明度 %」をブラウザ内の JavaScript で処理します。入力と結果は端末内に残り、Utilixoで複製は保存されません。

複数回の結果を並べて比較できますか？

できません。「実行」を押すたびに現在の入力で再計算され、前の結果を上書きします。比較したい場合は前回の値を控えてください。

カラーピッカーで気を付けることは？

コントラスト比はWCAGの相対輝度の式で算出しています。通常テキストのAA基準は4.5:1です。

結果を持ち出すには？

結果が出たら「HEXをコピー」を押してください。空の結果では成功メッセージは出ません。

登録や料金は必要ですか？

不要です。カラーピッカーは無料・登録不要・回数制限なしで、ページを開けばすぐ使えます。

関連ツール

• CSSボックスシャドウ生成 — 複数レイヤーの影をプレビューしCSSをコピー。
• コイントス — 1枚または複数枚のコインを投げて結果を集計。
• サイコロシミュレーター — 任意の個数・任意の面数のサイコロを振る。

関連ガイド

より詳しい解説は生成ツールと便利機能ガイドをご覧ください。このカテゴリの各ツールを、実例とコツとともに順に紹介しています。