色相を度（°）、彩度と明度（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) |
