色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#985eeb
データ
赤
152
緑
94
青
235
色相
265°
白
37%
黒
8%
彩度
78%
明度
65%
輝度
50%
色調 = 柔らかい
色相 = 265°
3桁
#a7f
#a7e
#a7d
#a6f
#a6e
#a6d
#a5f
#a5e
#a5d
#97f
#97e
#97d
#96f
#96e
#96d
#95f
#95e
#95d
#87f
#87e
#87d
#86f
#86e
#86d
#85f
#85e
#85d
名前付き
mediumpurple
mediumslateblue
mediumorchid
blueviolet
darkorchid
slateblue
orchid
cornflowerblue
royalblue
violet
plum
darkviolet
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-255 : 10
-240 : 25
-225 : 40
-210 : 55
-195 : 70
-180 : 85
-165 : 100
-150 : 115
-135 : 130
-120 : 145
-105 : 160
-90 : 175
-75 : 190
-60 : 205
-45 : 220
-30 : 235
-15 : 250
-10 : 255
-5 : 260
-2 : 263
±0 : 265
+2 : 267
+5 : 270
+10 : 275
+15 : 280
+30 : 295
+45 : 310
+60 : 325
+75 : 340
+90 : 355
彩度
+22 : 100
+18 : 96
+14 : 92
+10 : 88
+6 : 84
+3 : 81
+2 : 80
±0 : 78
-2 : 76
-3 : 75
-6 : 72
-10 : 68
-14 : 64
-18 : 60
-22 : 56
-26 : 52
-28 : 50
-30 : 48
-34 : 44
-38 : 40
-42 : 36
-46 : 32
-50 : 28
-54 : 24
-58 : 20
-62 : 16
-66 : 12
-70 : 8
-74 : 4
-78 : 0
明度
+35 : 100
+31 : 96
+27 : 92
+23 : 88
+19 : 84
+15 : 80
+11 : 76
+7 : 72
+3 : 68
+2 : 67
±0 : 65
-1 : 64
-2 : 63
-3 : 62
-5 : 60
-9 : 56
-13 : 52
-15 : 50
-17 : 48
-21 : 44
-25 : 40
-29 : 36
-33 : 32
-37 : 28
-41 : 24
-45 : 20
-49 : 16
-53 : 12
-57 : 8
-61 : 4
-65 : 0
白
-37 : 0
-33 : 4
-29 : 8
-25 : 12
-21 : 16
-17 : 20
-13 : 24
-9 : 28
-5 : 32
-3 : 34
-2 : 35
-1 : 36
±0 : 37
+2 : 39
+3 : 40
+7 : 44
+11 : 48
+13 : 50
+15 : 52
+19 : 56
+23 : 60
+27 : 64
+31 : 68
+35 : 72
+39 : 76
+43 : 80
+47 : 84
+51 : 88
+55 : 92
+59 : 96
+63 : 100
黒
-8 : 0
-4 : 4
-3 : 5
-2 : 6
±0 : 8
+2 : 10
+3 : 11
+4 : 12
+8 : 16
+12 : 20
+16 : 24
+20 : 28
+24 : 32
+28 : 36
+32 : 40
+36 : 44
+40 : 48
+42 : 50
+44 : 52
+48 : 56
+52 : 60
+56 : 64
+60 : 68
+64 : 72
+68 : 76
+72 : 80
+76 : 84
+80 : 88
+84 : 92
+88 : 96
+92 : 100
赤
+103 : 255
+86 : 238
+69 : 221
+52 : 204
+35 : 187
+18 : 170
+8 : 160
+4 : 156
+2 : 154
+1 : 153
±0 : 152
-1 : 151
-2 : 150
-4 : 148
-8 : 144
-16 : 136
-33 : 119
-50 : 102
-67 : 85
-84 : 68
-101 : 51
-118 : 34
-135 : 17
-152 : 0
緑
+161 : 255
+144 : 238
+127 : 221
+110 : 204
+93 : 187
+76 : 170
+59 : 153
+42 : 136
+25 : 119
+8 : 102
+4 : 98
+2 : 96
+1 : 95
±0 : 94
-1 : 93
-2 : 92
-4 : 90
-8 : 86
-9 : 85
-26 : 68
-43 : 51
-60 : 34
-77 : 17
-94 : 0
青
+20 : 255
+8 : 243
+4 : 239
+3 : 238
+2 : 237
+1 : 236
±0 : 235
-1 : 234
-2 : 233
-4 : 231
-8 : 227
-14 : 221
-31 : 204
-48 : 187
-65 : 170
-82 : 153
-99 : 136
-116 : 119
-133 : 102
-150 : 85
-167 : 68
-184 : 51
-201 : 34
-218 : 17
-235 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000