色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#cd36dd
データ
赤
205
緑
54
青
221
色相
294°
白
21%
黒
13%
彩度
71%
明度
54%
輝度
46%
色調 = 強い
色相 = 294°
3桁
#d4e
#d4d
#d4c
#d3e
#d3d
#d3c
#d2e
#d2d
#d2c
#c4e
#c4d
#c4c
#c3e
#c3d
#c3c
#c2e
#c2d
#c2c
#b4e
#b4d
#b4c
#b3e
#b3d
#b3c
#b2e
#b2d
#b2c
名前付き
mediumorchid
darkorchid
orchid
blueviolet
darkviolet
fuchsia
mediumpurple
hotpink
violet
mediumvioletred
palevioletred
deeppink
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-285 : 9
-270 : 24
-255 : 39
-240 : 54
-225 : 69
-210 : 84
-195 : 99
-180 : 114
-165 : 129
-150 : 144
-135 : 159
-120 : 174
-105 : 189
-90 : 204
-75 : 219
-60 : 234
-45 : 249
-30 : 264
-15 : 279
-10 : 284
-5 : 289
-2 : 292
±0 : 294
+2 : 296
+5 : 299
+10 : 304
+15 : 309
+30 : 324
+45 : 339
+60 : 354
彩度
+29 : 100
+25 : 96
+21 : 92
+17 : 88
+13 : 84
+9 : 80
+5 : 76
+3 : 74
+2 : 73
+1 : 72
±0 : 71
-2 : 69
-3 : 68
-7 : 64
-11 : 60
-15 : 56
-19 : 52
-21 : 50
-23 : 48
-27 : 44
-31 : 40
-35 : 36
-39 : 32
-43 : 28
-47 : 24
-51 : 20
-55 : 16
-59 : 12
-63 : 8
-67 : 4
-71 : 0
明度
+46 : 100
+42 : 96
+38 : 92
+34 : 88
+30 : 84
+26 : 80
+22 : 76
+18 : 72
+14 : 68
+10 : 64
+6 : 60
+3 : 57
+2 : 56
±0 : 54
-2 : 52
-3 : 51
-4 : 50
-6 : 48
-10 : 44
-14 : 40
-18 : 36
-22 : 32
-26 : 28
-30 : 24
-34 : 20
-38 : 16
-42 : 12
-46 : 8
-50 : 4
-54 : 0
白
-21 : 0
-17 : 4
-13 : 8
-9 : 12
-5 : 16
-3 : 18
-2 : 19
-1 : 20
±0 : 21
+2 : 23
+3 : 24
+7 : 28
+11 : 32
+15 : 36
+19 : 40
+23 : 44
+27 : 48
+29 : 50
+31 : 52
+35 : 56
+39 : 60
+43 : 64
+47 : 68
+51 : 72
+55 : 76
+59 : 80
+63 : 84
+67 : 88
+71 : 92
+75 : 96
+79 : 100
黒
-13 : 0
-9 : 4
-5 : 8
-3 : 10
-2 : 11
-1 : 12
±0 : 13
+2 : 15
+3 : 16
+7 : 20
+11 : 24
+15 : 28
+19 : 32
+23 : 36
+27 : 40
+31 : 44
+35 : 48
+37 : 50
+39 : 52
+43 : 56
+47 : 60
+51 : 64
+55 : 68
+59 : 72
+63 : 76
+67 : 80
+71 : 84
+75 : 88
+79 : 92
+83 : 96
+87 : 100
赤
+50 : 255
+33 : 238
+16 : 221
+8 : 213
+4 : 209
+2 : 207
+1 : 206
±0 : 205
-1 : 204
-2 : 203
-4 : 201
-8 : 197
-18 : 187
-35 : 170
-52 : 153
-69 : 136
-86 : 119
-103 : 102
-120 : 85
-137 : 68
-154 : 51
-171 : 34
-188 : 17
-205 : 0
緑
+201 : 255
+184 : 238
+167 : 221
+150 : 204
+133 : 187
+116 : 170
+99 : 153
+82 : 136
+65 : 119
+48 : 102
+31 : 85
+14 : 68
+8 : 62
+4 : 58
+2 : 56
+1 : 55
±0 : 54
-1 : 53
-2 : 52
-3 : 51
-4 : 50
-8 : 46
-20 : 34
-37 : 17
-54 : 0
青
+34 : 255
+17 : 238
+8 : 229
+4 : 225
+2 : 223
+1 : 222
±0 : 221
-1 : 220
-2 : 219
-4 : 217
-8 : 213
-17 : 204
-34 : 187
-51 : 170
-68 : 153
-85 : 136
-102 : 119
-119 : 102
-136 : 85
-153 : 68
-170 : 51
-187 : 34
-204 : 17
-221 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000