WEBカラーチャート HTML・CSSで使える色の見本一覧

WEBカラーチャート

配色に困ったらこのオンラインカラーチャートを使いましょう。
最適な色をすぐに見つけることができ、簡単操作で色のデータ（16進数カラーコード・RGB・HSL）を取得することができます。

■ webカラーチャート

読み込み中...

画面に表示された色の一覧から気に入った色を選びましょう。

色をクリックすると、下の欄にクリックした色のデータ（16進数カラーコード・RGB・HSL）が表示されます。
カラーチャートの色データ

ツール上部にあるセレクトボックスでカラーチャートの色の配置方法を変更することができます。
カラーチャートのカスタマイズ

横軸を「色相」、縦軸を「輝度」にした場合

スライドバーで色の「彩度」を調整することができます。
色相と輝度のカラーチャート

横軸を「色相」、縦軸を「彩度」にした場合

スライドバーで色の「輝度」を調整することができます。
色相と彩度のカラーチャート

横軸を「彩度」、縦軸を「輝度」にした場合

スライドバーで色の「色相」を調整することができます。
彩度と輝度のカラーチャート

色の表現法である「RGB」と6桁の16進数で表される「カラーコード」を相互変換するツール。

色の表現法である「RGB」と「HSV」を相互変換するツールと変換計算式の解説。

色の表現法である「RGB」と「HSL」を相互変換するツールと変換計算式の解説。