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

色見本の使い方

画面に表示された色の一覧から気に入った色を選びましょう。
カラーチャート
色をクリックすると、下の欄にクリックした色のデータ(16進数カラーコード・RGB・HSL)が表示されます。
カラーチャートの色データ

色見本のカスタマイズ

ツール上部にあるセレクトボックスでカラーチャートの色の配置方法を変更することができます。
カラーチャートのカスタマイズ
横軸を「色相」、縦軸を「輝度」にした場合
スライドバーで色の「彩度」を調整することができます。
色相と輝度のカラーチャート
横軸を「色相」、縦軸を「彩度」にした場合
スライドバーで色の「輝度」を調整することができます。
色相と彩度のカラーチャート
横軸を「彩度」、縦軸を「輝度」にした場合
スライドバーで色の「色相」を調整することができます。
彩度と輝度のカラーチャート

関連コンテンツ

RGBと16進数カラーコードの相互変換ツール
色の表現法である「RGB」と6桁の16進数で表される「カラーコード」を相互変換するツール。
RGBとHSV・HSBの相互変換ツール
色の表現法である「RGB」と「HSV」を相互変換するツールと変換計算式の解説。
RGBとHSLの相互変換ツール
色の表現法である「RGB」と「HSL」を相互変換するツールと変換計算式の解説。