K-NOTE

スマホアプリ開発とかの備忘録

当ブログの内容等の正確性は保証しません。ご利用は自己責任で!

カラーコード/RGB/HSLの相互変換

「HTML/CSS用の16進カラーコード」「RGB色空間」「HSL色空間」を相互変換します。
CSS用の「rgb()」「rgba()」「hsl()」「hsla()」も表示しますので、コピペしてお使いください。

 

16進カラーコード
カラーコード

※カラーコードの先頭は#が必須です。
※3桁形式(#fff)と6桁形式(#ffffff)のどちらにも対応しています。

 

RGB(A)
R(赤)
 
G(緑)
 
B(青)
 
A(透明度)
 
CSS
 

 

HSL(A)
H(色相)
 
S(彩度)
 
L(明度)
 
A(透明度)
 
CSS