色相を度(°)、彩度、明度(0..100%)で入力し、変換ボタンを押します。
場合0≤ H <360、0≤ S ≤1,0≤ L ≤1:
C =(1- | 2L-1 |)× S
X = C ×(1- |(H / 60°)mod 2 --1 |)
m = L - C / 2

(R、G、B)=((R '+ m)×255、(G' + m)×255、(B '+ m)×255)
| 色 | 色 名前 |
(H、S、L) | 16進数 | (R、G、B) |
|---|---|---|---|---|
| ブラック | (0°、0%、0%) | #000000 | (0,0,0) | |
| 白い | (0°、0%、100%) | #FFFFFF | (255,255,255) | |
| 赤 | (0°、100%、50%) | #FF0000 | (255,0,0) | |
| ライム | (120°、100%、50%) | #00FF00 | (0,255,0) | |
| 青い | (240°、100%、50%) | #0000FF | (0,0,255) | |
| 黄 | (60°、100%、50%) | #FFFF00 | (255,255,0) | |
| シアン | (180°、100%、50%) | #00FFFF | (0,255,255) | |
| 赤紫色 | (300°、100%、50%) | #FF00FF | (255,0,255) | |
| 銀 | (0°、0%、75%) | #BFBFBF | (191,191,191) | |
| グレー | (0°、0%、50%) | #808080 | (128,128,128) | |
| あずき色 | (0°、100%、25%) | #800000 | (128,0,0) | |
| オリーブ | (60°、100%、25%) | #808000 | (128,128,0) | |
| 緑 | (120°、100%、25%) | #008000 | (0,128,0) | |
| 紫の | (300°、100%、25%) | #800080 | (128,0,128) | |
| ティール | (180°、100%、25%) | #008080 | (0,128,128) | |
| 海軍 | (240°、100%、25%) | #000080 | (0,0,128) |