カラーコード変換(HEX・RGB・HSL)
色を選ぶか、どれか1つの形式を入力すると、すべての形式に変換します。
各形式の意味
- HEX(#RRGGBB):Webで最も一般的。RGB各値を16進数2桁で表す
- RGB:赤・緑・青の光の強さを0〜255で指定。CSSでは rgb(37, 99, 235) のように書く
- HSL:色相(0〜360°)・彩度・輝度で指定。「同じ色のまま明るさだけ変えたい」ときに便利
よくある質問
3桁のHEX(#fff など)は使えますか?
入力欄では6桁に展開して扱います。#fff は #ffffff と同じ意味です。
パレットの色はどう作られていますか?
選んだ色のHSL輝度だけを段階的に変えた9段階です。ボタンの hover 色や背景色のバリエーション作りに使えます。