色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#c129cd
データ
赤
193
緑
41
青
205
色相
296°
白
16%
黒
20%
彩度
67%
明度
48%
輝度
41%
色調 = 強い
色相 = 296°
3桁
#c3d
#c3c
#c3b
#c2d
#c2c
#c2b
#c1d
#c1c
#c1b
#b3d
#b3c
#b3b
#b2d
#b2c
#b2b
#b1d
#b1c
#b1b
#a3d
#a3c
#a3b
#a2d
#a2c
#a2b
#a1d
#a1c
#a1b
名前付き
darkorchid
mediumorchid
blueviolet
darkviolet
mediumvioletred
orchid
mediumpurple
deeppink
fuchsia
hotpink
darkmagenta
palevioletred
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-285 : 11
-270 : 26
-255 : 41
-240 : 56
-225 : 71
-210 : 86
-195 : 101
-180 : 116
-165 : 131
-150 : 146
-135 : 161
-120 : 176
-105 : 191
-90 : 206
-75 : 221
-60 : 236
-45 : 251
-30 : 266
-15 : 281
-10 : 286
-5 : 291
-2 : 294
±0 : 296
+2 : 298
+5 : 301
+10 : 306
+15 : 311
+30 : 326
+45 : 341
+60 : 356
彩度
+33 : 100
+29 : 96
+25 : 92
+21 : 88
+17 : 84
+13 : 80
+9 : 76
+5 : 72
+3 : 70
+2 : 69
+1 : 68
±0 : 67
-2 : 65
-3 : 64
-7 : 60
-11 : 56
-15 : 52
-17 : 50
-19 : 48
-23 : 44
-27 : 40
-31 : 36
-35 : 32
-39 : 28
-43 : 24
-47 : 20
-51 : 16
-55 : 12
-59 : 8
-63 : 4
-67 : 0
明度
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 0
白
-16 : 0
-12 : 4
-8 : 8
-4 : 12
-3 : 13
-2 : 14
±0 : 16
+2 : 18
+3 : 19
+4 : 20
+8 : 24
+12 : 28
+16 : 32
+20 : 36
+24 : 40
+28 : 44
+32 : 48
+34 : 50
+36 : 52
+40 : 56
+44 : 60
+48 : 64
+52 : 68
+56 : 72
+60 : 76
+64 : 80
+68 : 84
+72 : 88
+76 : 92
+80 : 96
+84 : 100
黒
-20 : 0
-16 : 4
-12 : 8
-8 : 12
-4 : 16
-3 : 17
-2 : 18
±0 : 20
+2 : 22
+3 : 23
+4 : 24
+8 : 28
+12 : 32
+16 : 36
+20 : 40
+24 : 44
+28 : 48
+30 : 50
+32 : 52
+36 : 56
+40 : 60
+44 : 64
+48 : 68
+52 : 72
+56 : 76
+60 : 80
+64 : 84
+68 : 88
+72 : 92
+76 : 96
+80 : 100
赤
+62 : 255
+45 : 238
+28 : 221
+11 : 204
+8 : 201
+4 : 197
+2 : 195
+1 : 194
±0 : 193
-1 : 192
-2 : 191
-4 : 189
-6 : 187
-8 : 185
-23 : 170
-40 : 153
-57 : 136
-74 : 119
-91 : 102
-108 : 85
-125 : 68
-142 : 51
-159 : 34
-176 : 17
-193 : 0
緑
+214 : 255
+197 : 238
+180 : 221
+163 : 204
+146 : 187
+129 : 170
+112 : 153
+95 : 136
+78 : 119
+61 : 102
+44 : 85
+27 : 68
+10 : 51
+8 : 49
+4 : 45
+2 : 43
+1 : 42
±0 : 41
-1 : 40
-2 : 39
-4 : 37
-7 : 34
-8 : 33
-24 : 17
-41 : 0
青
+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
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000