色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#a8bee2
データ
赤
168
緑
190
青
226
色相
217°
白
66%
黒
11%
彩度
50%
明度
77%
輝度
74%
色調 = 明るい
色相 = 217°
3桁
#bce
#bcd
#bcc
#bbe
#bbd
#bbc
#bae
#bad
#bac
#ace
#acd
#acc
#abe
#abd
#abc
#aae
#aad
#aac
#9ce
#9cd
#9cc
#9be
#9bd
#9bc
#9ae
#9ad
#9ac
名前付き
lightsteelblue
lightblue
powderblue
skyblue
silver
lightskyblue
thistle
paleturquoise
lightgray
gainsboro
darkgray
plum
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-210 : 7
-195 : 22
-180 : 37
-165 : 52
-150 : 67
-135 : 82
-120 : 97
-105 : 112
-90 : 127
-75 : 142
-60 : 157
-45 : 172
-30 : 187
-15 : 202
-10 : 207
-5 : 212
-2 : 215
±0 : 217
+2 : 219
+5 : 222
+10 : 227
+15 : 232
+30 : 247
+45 : 262
+60 : 277
+75 : 292
+90 : 307
+105 : 322
+120 : 337
+135 : 352
彩度
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
明度
+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
白
-66 : 0
-62 : 4
-58 : 8
-54 : 12
-50 : 16
-46 : 20
-42 : 24
-38 : 28
-34 : 32
-30 : 36
-26 : 40
-22 : 44
-18 : 48
-16 : 50
-14 : 52
-10 : 56
-6 : 60
-3 : 63
-2 : 64
±0 : 66
+2 : 68
+3 : 69
+6 : 72
+10 : 76
+14 : 80
+18 : 84
+22 : 88
+26 : 92
+30 : 96
+34 : 100
黒
-11 : 0
-7 : 4
-3 : 8
-2 : 9
±0 : 11
+1 : 12
+2 : 13
+3 : 14
+5 : 16
+9 : 20
+13 : 24
+17 : 28
+21 : 32
+25 : 36
+29 : 40
+33 : 44
+37 : 48
+39 : 50
+41 : 52
+45 : 56
+49 : 60
+53 : 64
+57 : 68
+61 : 72
+65 : 76
+69 : 80
+73 : 84
+77 : 88
+81 : 92
+85 : 96
+89 : 100
赤
+87 : 255
+70 : 238
+53 : 221
+36 : 204
+19 : 187
+8 : 176
+4 : 172
+2 : 170
+1 : 169
±0 : 168
-1 : 167
-2 : 166
-4 : 164
-8 : 160
-15 : 153
-32 : 136
-49 : 119
-66 : 102
-83 : 85
-100 : 68
-117 : 51
-134 : 34
-151 : 17
-168 : 0
緑
+65 : 255
+48 : 238
+31 : 221
+14 : 204
+8 : 198
+4 : 194
+2 : 192
+1 : 191
±0 : 190
-1 : 189
-2 : 188
-3 : 187
-4 : 186
-8 : 182
-20 : 170
-37 : 153
-54 : 136
-71 : 119
-88 : 102
-105 : 85
-122 : 68
-139 : 51
-156 : 34
-173 : 17
-190 : 0
青
+29 : 255
+12 : 238
+8 : 234
+4 : 230
+2 : 228
+1 : 227
±0 : 226
-1 : 225
-2 : 224
-4 : 222
-5 : 221
-8 : 218
-22 : 204
-39 : 187
-56 : 170
-73 : 153
-90 : 136
-107 : 119
-124 : 102
-141 : 85
-158 : 68
-175 : 51
-192 : 34
-209 : 17
-226 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000