HSL電卓
RGB（255、0、0）
＃FF0000
H：
S：
L：
HSL色
HSLカラー値は、IE9 +、Firefoxの、クロム、サファリ、およびオペラ10+でサポートされています。
HSLは、色相、彩度、明度の略です。
：HSLカラー値は、で指定されているhsl( hue , saturation , lightness ) 。
フエ
色相は、0から360 0にカラーホイール上の度合いが赤である120は緑色で、240は青です。
飽和
彩度は、パーセント値です。 0％はグレーの陰影を意味し、100％がフルカラーです。
明るさ
明度もパーセンテージです。 0％から100％が白、黒です。
それを自分で試してみてください
HSLカラー値は、すべての主要なブラウザでサポートされています。
例
<style>
div {
background-color: hsl(180, 50%, 50%);
color: hsl(0, 0%, 100%);
}
</style>
»それを自分で試してみてください