色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#c712bb
データ
赤
199
緑
18
青
187
色相
304°
白
7%
黒
22%
彩度
83%
明度
43%
輝度
36%
色調 = 強い
色相 = 304°
3桁
#d2c
#d2b
#d2a
#d1c
#d1b
#d1a
#d0c
#d0b
#d0a
#c2c
#c2b
#c2a
#c1c
#c1b
#c1a
#c0c
#c0b
#c0a
#b2c
#b2b
#b2a
#b1c
#b1b
#b1a
#b0c
#b0b
#b0a
名前付き
mediumvioletred
darkorchid
darkviolet
deeppink
mediumorchid
blueviolet
darkmagenta
fuchsia
purple
orchid
hotpink
palevioletred
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-300 : 4
-285 : 19
-270 : 34
-255 : 49
-240 : 64
-225 : 79
-210 : 94
-195 : 109
-180 : 124
-165 : 139
-150 : 154
-135 : 169
-120 : 184
-105 : 199
-90 : 214
-75 : 229
-60 : 244
-45 : 259
-30 : 274
-15 : 289
-10 : 294
-5 : 299
-2 : 302
±0 : 304
+2 : 306
+5 : 309
+10 : 314
+15 : 319
+30 : 334
+45 : 349
彩度
+17 : 100
+13 : 96
+9 : 92
+5 : 88
+3 : 86
+2 : 85
+1 : 84
±0 : 83
-2 : 81
-3 : 80
-7 : 76
-11 : 72
-15 : 68
-19 : 64
-23 : 60
-27 : 56
-31 : 52
-33 : 50
-35 : 48
-39 : 44
-43 : 40
-47 : 36
-51 : 32
-55 : 28
-59 : 24
-63 : 20
-67 : 16
-71 : 12
-75 : 8
-79 : 4
-83 : 0
明度
+57 : 100
+53 : 96
+49 : 92
+45 : 88
+41 : 84
+37 : 80
+33 : 76
+29 : 72
+25 : 68
+21 : 64
+17 : 60
+13 : 56
+9 : 52
+7 : 50
+5 : 48
+3 : 46
+2 : 45
+1 : 44
±0 : 43
-2 : 41
-3 : 40
-7 : 36
-11 : 32
-15 : 28
-19 : 24
-23 : 20
-27 : 16
-31 : 12
-35 : 8
-39 : 4
-43 : 0
白
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 100
黒
-22 : 0
-18 : 4
-14 : 8
-10 : 12
-6 : 16
-3 : 19
-2 : 20
±0 : 22
+2 : 24
+3 : 25
+6 : 28
+10 : 32
+14 : 36
+18 : 40
+22 : 44
+26 : 48
+28 : 50
+30 : 52
+34 : 56
+38 : 60
+42 : 64
+46 : 68
+50 : 72
+54 : 76
+58 : 80
+62 : 84
+66 : 88
+70 : 92
+74 : 96
+78 : 100
赤
+56 : 255
+39 : 238
+22 : 221
+8 : 207
+5 : 204
+4 : 203
+2 : 201
+1 : 200
±0 : 199
-1 : 198
-2 : 197
-4 : 195
-8 : 191
-12 : 187
-29 : 170
-46 : 153
-63 : 136
-80 : 119
-97 : 102
-114 : 85
-131 : 68
-148 : 51
-165 : 34
-182 : 17
-199 : 0
緑
+237 : 255
+220 : 238
+203 : 221
+186 : 204
+169 : 187
+152 : 170
+135 : 153
+118 : 136
+101 : 119
+84 : 102
+67 : 85
+50 : 68
+33 : 51
+16 : 34
+8 : 26
+4 : 22
+2 : 20
+1 : 19
±0 : 18
-1 : 17
-2 : 16
-4 : 14
-8 : 10
-18 : 0
青
+68 : 255
+51 : 238
+34 : 221
+17 : 204
+8 : 195
+4 : 191
+2 : 189
+1 : 188
±0 : 187
-1 : 186
-2 : 185
-4 : 183
-8 : 179
-17 : 170
-34 : 153
-51 : 136
-68 : 119
-85 : 102
-102 : 85
-119 : 68
-136 : 51
-153 : 34
-170 : 17
-187 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000