色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#a486ef
データ
赤
164
緑
134
青
239
色相
257°
白
53%
黒
6%
彩度
77%
明度
73%
輝度
61%
色調 = 輝かしい
色相 = 257°
3桁
#b9f
#b9e
#b9d
#b8f
#b8e
#b8d
#b7f
#b7e
#b7d
#a9f
#a9e
#a9d
#a8f
#a8e
#a8d
#a7f
#a7e
#a7d
#99f
#99e
#99d
#98f
#98e
#98d
#97f
#97e
#97d
名前付き
mediumpurple
mediumslateblue
mediumorchid
orchid
plum
lightsteelblue
cornflowerblue
violet
skyblue
lightskyblue
darkgray
silver
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-255 : 2
-240 : 17
-225 : 32
-210 : 47
-195 : 62
-180 : 77
-165 : 92
-150 : 107
-135 : 122
-120 : 137
-105 : 152
-90 : 167
-75 : 182
-60 : 197
-45 : 212
-30 : 227
-15 : 242
-10 : 247
-5 : 252
-2 : 255
±0 : 257
+2 : 259
+5 : 262
+10 : 267
+15 : 272
+30 : 287
+45 : 302
+60 : 317
+75 : 332
+90 : 347
彩度
+23 : 100
+19 : 96
+15 : 92
+11 : 88
+7 : 84
+3 : 80
+2 : 79
±0 : 77
-1 : 76
-2 : 75
-3 : 74
-5 : 72
-9 : 68
-13 : 64
-17 : 60
-21 : 56
-25 : 52
-27 : 50
-29 : 48
-33 : 44
-37 : 40
-41 : 36
-45 : 32
-49 : 28
-53 : 24
-57 : 20
-61 : 16
-65 : 12
-69 : 8
-73 : 4
-77 : 0
明度
+27 : 100
+23 : 96
+19 : 92
+15 : 88
+11 : 84
+7 : 80
+3 : 76
+2 : 75
±0 : 73
-1 : 72
-2 : 71
-3 : 70
-5 : 68
-9 : 64
-13 : 60
-17 : 56
-21 : 52
-23 : 50
-25 : 48
-29 : 44
-33 : 40
-37 : 36
-41 : 32
-45 : 28
-49 : 24
-53 : 20
-57 : 16
-61 : 12
-65 : 8
-69 : 4
-73 : 0
白
-53 : 0
-49 : 4
-45 : 8
-41 : 12
-37 : 16
-33 : 20
-29 : 24
-25 : 28
-21 : 32
-17 : 36
-13 : 40
-9 : 44
-5 : 48
-3 : 50
-2 : 51
-1 : 52
±0 : 53
+2 : 55
+3 : 56
+7 : 60
+11 : 64
+15 : 68
+19 : 72
+23 : 76
+27 : 80
+31 : 84
+35 : 88
+39 : 92
+43 : 96
+47 : 100
黒
-6 : 0
-3 : 3
-2 : 4
±0 : 6
+2 : 8
+3 : 9
+6 : 12
+10 : 16
+14 : 20
+18 : 24
+22 : 28
+26 : 32
+30 : 36
+34 : 40
+38 : 44
+42 : 48
+44 : 50
+46 : 52
+50 : 56
+54 : 60
+58 : 64
+62 : 68
+66 : 72
+70 : 76
+74 : 80
+78 : 84
+82 : 88
+86 : 92
+90 : 96
+94 : 100
赤
+91 : 255
+74 : 238
+57 : 221
+40 : 204
+23 : 187
+8 : 172
+6 : 170
+4 : 168
+2 : 166
+1 : 165
±0 : 164
-1 : 163
-2 : 162
-4 : 160
-8 : 156
-11 : 153
-28 : 136
-45 : 119
-62 : 102
-79 : 85
-96 : 68
-113 : 51
-130 : 34
-147 : 17
-164 : 0
緑
+121 : 255
+104 : 238
+87 : 221
+70 : 204
+53 : 187
+36 : 170
+19 : 153
+8 : 142
+4 : 138
+2 : 136
+1 : 135
±0 : 134
-1 : 133
-2 : 132
-4 : 130
-8 : 126
-15 : 119
-32 : 102
-49 : 85
-66 : 68
-83 : 51
-100 : 34
-117 : 17
-134 : 0
青
+16 : 255
+8 : 247
+4 : 243
+2 : 241
+1 : 240
±0 : 239
-1 : 238
-2 : 237
-4 : 235
-8 : 231
-18 : 221
-35 : 204
-52 : 187
-69 : 170
-86 : 153
-103 : 136
-120 : 119
-137 : 102
-154 : 85
-171 : 68
-188 : 51
-205 : 34
-222 : 17
-239 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000