色相を度(°)、彩度と明度(0..100%)を入力して 変換 ボタンを押してください:
0 H < 360, 0 S 1かつ0 V 1のとき:
C = V × S
X = C ×(1 - |(H / 60°)mod 2 - 1|)
m = V - C

(R,G,B)= ((R'+m)×255、(G'+m)×255、(B'+m)×255)
| 色 | 色 名前 |
(H,S,V) | 16進 | (R,G,B) |
|---|---|---|---|---|
| 黒 | (0°,0%,0%) | #000000 | (0,0,0) | |
| 白 | (0°,0%,100%) | #FFFFFF | (255,255,255) | |
| 赤 | (0°,100%,100%) | #FF0000 | (255,0,0) | |
| ライム | (120°,100%,100%) | #00FF00 | (0,255,0) | |
| 青 | (240°,100%,100%) | #0000FF | (0,0,255) | |
| 黄 | (60°,100%,100%) | #FFFF00 | (255,255,0) | |
| シアン | (180°,100%,100%) | #00FFFF | (0,255,255) | |
| マゼンタ | (300°,100%,100%) | #FF00FF | (255,0,255) | |
| シルバー | (0°,0%,75%) | #BFBFBF | (191,191,191) | |
| グレー | (0°,0%,50%) | #808080 | (128,128,128) | |
| マルーン | (0°,100%,50%) | #800000 | (128,0,0) | |
| オリーブ | (60°,100%,50%) | #808000 | (128,128,0) | |
| 緑 | (120°,100%,50%) | #008000 | (0,128,0) | |
| 紫 | (300°,100%,50%) | #800080 | (128,0,128) | |
| ティール | (180°,100%,50%) | #008080 | (0,128,128) | |
| ネイビー | (240°,100%,50%) | #000080 | (0,0,128) |