このツールに問題がありますか?

「カラーホイール オンライン」について

このツールは対話的なカラーホイールで、視覚的に任意の色を選べます。ホイールをクリック/ドラッグで色相を選択、スライダーで彩度・明度を調整、結果として hex/RGB/HSL/HSV の値が表示され、各アプリで使えます。

視覚的に選ぶ方法は、微妙な色の調整では hex 入力よりもはるかに速い。デザイナー、開発者、アーティストは色相環でトーンを探し、補色を見つけ、参照と一致する色を選びます。

主要なカラースペースに対応し、リアルタイムで相互変換可能。お気に入りをパレットとして保存して再利用できます。

このツールの使い方

HSL カラーホイールで色を選ぶ手順

  1. 色相ホイールを動かす

    「Hue (0–360)」は色相環の角度 — 0/360 赤、120 緑、240 青。キャンバスのホイールをドラッグするか、角度を直接入力。既定は 210(クールなブルー)。

  2. 彩度

    「Saturation %」は鮮やかさ:0 = 中立的なグレー、100 = 完全な彩度。50〜70 が自然に見える、高すぎると画面でちらつくことも。既定 70。

  3. 明度

    「Lightness %」は明るさ:0 = 黒、50 = 純粋な色相、100 = 白。50 で最も鮮やかな色相を、上下に動かして tint/shade を作ります。既定 50。

  4. 「実行」

    結果は rgb {r,g,b}、hex (#rrggbb)、hslCss(`hsl(H S% L%)`、CSS にそのまま使える)、rgbCss(`rgb(r, g, b)`)。hex-to-rgb-converter / rgb-to-hex-converter と組み合わせれば素早く相互変換できます。