色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#8a0cd2
データ
赤
138
緑
12
青
210
色相
278°
白
5%
黒
18%
彩度
89%
明度
44%
輝度
28%
色調 = 強い
色相 = 278°
3桁
#92d
#92c
#92b
#91d
#91c
#91b
#90d
#90c
#90b
#82d
#82c
#82b
#81d
#81c
#81b
#80d
#80c
#80b
#72d
#72c
#72b
#71d
#71c
#71b
#70d
#70c
#70b
名前付き
darkviolet
blueviolet
darkorchid
darkmagenta
rebeccapurple
purple
slateblue
mediumorchid
mediumslateblue
mediumvioletred
mediumpurple
indigo
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-270 : 8
-255 : 23
-240 : 38
-225 : 53
-210 : 68
-195 : 83
-180 : 98
-165 : 113
-150 : 128
-135 : 143
-120 : 158
-105 : 173
-90 : 188
-75 : 203
-60 : 218
-45 : 233
-30 : 248
-15 : 263
-10 : 268
-5 : 273
-2 : 276
±0 : 278
+2 : 280
+5 : 283
+10 : 288
+15 : 293
+30 : 308
+45 : 323
+60 : 338
+75 : 353
彩度
+11 : 100
+7 : 96
+3 : 92
+2 : 91
±0 : 89
-1 : 88
-2 : 87
-3 : 86
-5 : 84
-9 : 80
-13 : 76
-17 : 72
-21 : 68
-25 : 64
-29 : 60
-33 : 56
-37 : 52
-39 : 50
-41 : 48
-45 : 44
-49 : 40
-53 : 36
-57 : 32
-61 : 28
-65 : 24
-69 : 20
-73 : 16
-77 : 12
-81 : 8
-85 : 4
-89 : 0
明度
+56 : 100
+52 : 96
+48 : 92
+44 : 88
+40 : 84
+36 : 80
+32 : 76
+28 : 72
+24 : 68
+20 : 64
+16 : 60
+12 : 56
+8 : 52
+6 : 50
+4 : 48
+3 : 47
+2 : 46
±0 : 44
-2 : 42
-3 : 41
-4 : 40
-8 : 36
-12 : 32
-16 : 28
-20 : 24
-24 : 20
-28 : 16
-32 : 12
-36 : 8
-40 : 4
-44 : 0
白
-5 : 0
-3 : 2
-2 : 3
-1 : 4
±0 : 5
+2 : 7
+3 : 8
+7 : 12
+11 : 16
+15 : 20
+19 : 24
+23 : 28
+27 : 32
+31 : 36
+35 : 40
+39 : 44
+43 : 48
+45 : 50
+47 : 52
+51 : 56
+55 : 60
+59 : 64
+63 : 68
+67 : 72
+71 : 76
+75 : 80
+79 : 84
+83 : 88
+87 : 92
+91 : 96
+95 : 100
黒
-18 : 0
-14 : 4
-10 : 8
-6 : 12
-3 : 15
-2 : 16
±0 : 18
+2 : 20
+3 : 21
+6 : 24
+10 : 28
+14 : 32
+18 : 36
+22 : 40
+26 : 44
+30 : 48
+32 : 50
+34 : 52
+38 : 56
+42 : 60
+46 : 64
+50 : 68
+54 : 72
+58 : 76
+62 : 80
+66 : 84
+70 : 88
+74 : 92
+78 : 96
+82 : 100
赤
+117 : 255
+100 : 238
+83 : 221
+66 : 204
+49 : 187
+32 : 170
+15 : 153
+8 : 146
+4 : 142
+2 : 140
+1 : 139
±0 : 138
-1 : 137
-2 : 136
-4 : 134
-8 : 130
-19 : 119
-36 : 102
-53 : 85
-70 : 68
-87 : 51
-104 : 34
-121 : 17
-138 : 0
緑
+243 : 255
+226 : 238
+209 : 221
+192 : 204
+175 : 187
+158 : 170
+141 : 153
+124 : 136
+107 : 119
+90 : 102
+73 : 85
+56 : 68
+39 : 51
+22 : 34
+8 : 20
+5 : 17
+4 : 16
+2 : 14
+1 : 13
±0 : 12
-1 : 11
-2 : 10
-4 : 8
-8 : 4
-12 : 0
青
+45 : 255
+28 : 238
+11 : 221
+8 : 218
+4 : 214
+2 : 212
+1 : 211
±0 : 210
-1 : 209
-2 : 208
-4 : 206
-6 : 204
-8 : 202
-23 : 187
-40 : 170
-57 : 153
-74 : 136
-91 : 119
-108 : 102
-125 : 85
-142 : 68
-159 : 51
-176 : 34
-193 : 17
-210 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000