Web制作用 道具箱 HSLA使用を前提とした
カラーコード変換ツール

Hex(A)→HSLA変換

Hex(A)値入力欄:

変換 ↓

HSLA値
出力欄:

  

←Copy

カラーネーム→HSLA変換

カラーネーム
入力欄:

変換 ↓

HSLA値
出力欄:

  

←Copy

※入力文字(特に文頭)のスペース混入にご注意ください
※終端/末尾の;(セミコロン)は除外してください

---

使える外部カラーコード変換ツール・サイト

• Color Hex Color Codes (外部リンク)
• カラーコード変換ツール2 (外部リンク)
• cmyk 色見本 - Web色変換 (外部リンク)

関連・参考情報

• CSS を使った HTML の要素への色の適用 - CSS: カスケーディングスタイルシート | MDN (外部リンク)
• HSL 関数表記 (外部リンク)
• Colors Tutorial (外部リンク)

© 2022 Cloudy knot by Masanao Ishii