カラーコード変換
HEX、RGB、HSLのどれかの欄に色を入力すると、ほかの2つがすぐに更新されます。色見本をクリックして見た目で色を選ぶこともでき、それぞれにコピーボタンが付いています。Webデザインに便利です。
カラーコードを変換する方法
- HEX、RGB、HSLのどれかの欄に色を入力すると、ほかの2つが自動で更新されます。
- または左の色の四角をクリックして、見た目で色を選びます。
- 必要なコードの横にあるコピーボタンを押して取り出します。
よくある質問
入力中の欄が赤い枠で囲まれて知らせます。ほかの2つの欄は、直すまで最後に正しかった値のままです。
関数の形（「rgb(255, 0, 0)」「hsl(0, 100%, 50%)」）と、カンマ区切りの数字だけの短い形（「255, 0, 0」）の両方に対応しています。
はい。3桁の短い形は自動で6桁に展開されます（「#f00」は「#FF0000」になります）。
まだ対応していません。現在は透明度のない単色だけを変換します。