色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#9bb7ee
データ
赤
155
緑
183
青
238
色相
220°
白
61%
黒
7%
彩度
71%
明度
77%
輝度
71%
色調 = 輝かしい
色相 = 220°
3桁
#acf
#ace
#acd
#abf
#abe
#abd
#aaf
#aae
#aad
#9cf
#9ce
#9cd
#9bf
#9be
#9bd
#9af
#9ae
#9ad
#8cf
#8ce
#8cd
#8bf
#8be
#8bd
#8af
#8ae
#8ad
名前付き
lightsteelblue
skyblue
lightskyblue
lightblue
powderblue
paleturquoise
silver
cornflowerblue
thistle
lightgray
darkgray
plum
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-210 : 10
-195 : 25
-180 : 40
-165 : 55
-150 : 70
-135 : 85
-120 : 100
-105 : 115
-90 : 130
-75 : 145
-60 : 160
-45 : 175
-30 : 190
-15 : 205
-10 : 210
-5 : 215
-2 : 218
±0 : 220
+2 : 222
+5 : 225
+10 : 230
+15 : 235
+30 : 250
+45 : 265
+60 : 280
+75 : 295
+90 : 310
+105 : 325
+120 : 340
+135 : 355
彩度
+29 : 100
+25 : 96
+21 : 92
+17 : 88
+13 : 84
+9 : 80
+5 : 76
+3 : 74
+2 : 73
+1 : 72
±0 : 71
-2 : 69
-3 : 68
-7 : 64
-11 : 60
-15 : 56
-19 : 52
-21 : 50
-23 : 48
-27 : 44
-31 : 40
-35 : 36
-39 : 32
-43 : 28
-47 : 24
-51 : 20
-55 : 16
-59 : 12
-63 : 8
-67 : 4
-71 : 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
白
-61 : 0
-57 : 4
-53 : 8
-49 : 12
-45 : 16
-41 : 20
-37 : 24
-33 : 28
-29 : 32
-25 : 36
-21 : 40
-17 : 44
-13 : 48
-11 : 50
-9 : 52
-5 : 56
-3 : 58
-2 : 59
-1 : 60
±0 : 61
+2 : 63
+3 : 64
+7 : 68
+11 : 72
+15 : 76
+19 : 80
+23 : 84
+27 : 88
+31 : 92
+35 : 96
+39 : 100
黒
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 100
赤
+100 : 255
+83 : 238
+66 : 221
+49 : 204
+32 : 187
+15 : 170
+8 : 163
+4 : 159
+2 : 157
+1 : 156
±0 : 155
-1 : 154
-2 : 153
-4 : 151
-8 : 147
-19 : 136
-36 : 119
-53 : 102
-70 : 85
-87 : 68
-104 : 51
-121 : 34
-138 : 17
-155 : 0
緑
+72 : 255
+55 : 238
+38 : 221
+21 : 204
+8 : 191
+4 : 187
+2 : 185
+1 : 184
±0 : 183
-1 : 182
-2 : 181
-4 : 179
-8 : 175
-13 : 170
-30 : 153
-47 : 136
-64 : 119
-81 : 102
-98 : 85
-115 : 68
-132 : 51
-149 : 34
-166 : 17
-183 : 0
青
+17 : 255
+8 : 246
+4 : 242
+2 : 240
+1 : 239
±0 : 238
-1 : 237
-2 : 236
-4 : 234
-8 : 230
-17 : 221
-34 : 204
-51 : 187
-68 : 170
-85 : 153
-102 : 136
-119 : 119
-136 : 102
-153 : 85
-170 : 68
-187 : 51
-204 : 34
-221 : 17
-238 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000