色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#cbbbb2
データ
赤
203
緑
187
青
178
色相
22°
白
70%
黒
20%
彩度
19%
明度
75%
輝度
75%
色調 = 明るい
色相 = 22°
3桁
#dcb
#dca
#dc9
#dbb
#dba
#db9
#dab
#daa
#da9
#ccb
#cca
#cc9
#cbb
#cba
#cb9
#cab
#caa
#ca9
#bcb
#bca
#bc9
#bbb
#bba
#bb9
#bab
#baa
#ba9
名前付き
silver
tan
darkgray
thistle
lightgray
burlywood
lightsteelblue
plum
lightpink
wheat
gainsboro
palegoldenrod
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-15 : 7
-10 : 12
-5 : 17
-2 : 20
±0 : 22
+2 : 24
+5 : 27
+10 : 32
+15 : 37
+30 : 52
+45 : 67
+60 : 82
+75 : 97
+90 : 112
+105 : 127
+120 : 142
+135 : 157
+150 : 172
+165 : 187
+180 : 202
+195 : 217
+210 : 232
+225 : 247
+240 : 262
+255 : 277
+270 : 292
+285 : 307
+300 : 322
+315 : 337
+330 : 352
彩度
+81 : 100
+77 : 96
+73 : 92
+69 : 88
+65 : 84
+61 : 80
+57 : 76
+53 : 72
+49 : 68
+45 : 64
+41 : 60
+37 : 56
+33 : 52
+31 : 50
+29 : 48
+25 : 44
+21 : 40
+17 : 36
+13 : 32
+9 : 28
+5 : 24
+3 : 22
+2 : 21
+1 : 20
±0 : 19
-2 : 17
-3 : 16
-7 : 12
-11 : 8
-15 : 4
-19 : 0
明度
+25 : 100
+21 : 96
+17 : 92
+13 : 88
+9 : 84
+5 : 80
+3 : 78
+2 : 77
+1 : 76
±0 : 75
-2 : 73
-3 : 72
-7 : 68
-11 : 64
-15 : 60
-19 : 56
-23 : 52
-25 : 50
-27 : 48
-31 : 44
-35 : 40
-39 : 36
-43 : 32
-47 : 28
-51 : 24
-55 : 20
-59 : 16
-63 : 12
-67 : 8
-71 : 4
-75 : 0
白
-70 : 0
-66 : 4
-62 : 8
-58 : 12
-54 : 16
-50 : 20
-46 : 24
-42 : 28
-38 : 32
-34 : 36
-30 : 40
-26 : 44
-22 : 48
-20 : 50
-18 : 52
-14 : 56
-10 : 60
-6 : 64
-3 : 67
-2 : 68
±0 : 70
+2 : 72
+3 : 73
+6 : 76
+10 : 80
+14 : 84
+18 : 88
+22 : 92
+26 : 96
+30 : 100
黒
-20 : 0
-16 : 4
-12 : 8
-8 : 12
-4 : 16
-3 : 17
-2 : 18
±0 : 20
+2 : 22
+3 : 23
+4 : 24
+8 : 28
+12 : 32
+16 : 36
+20 : 40
+24 : 44
+28 : 48
+30 : 50
+32 : 52
+36 : 56
+40 : 60
+44 : 64
+48 : 68
+52 : 72
+56 : 76
+60 : 80
+64 : 84
+68 : 88
+72 : 92
+76 : 96
+80 : 100
赤
+52 : 255
+35 : 238
+18 : 221
+8 : 211
+4 : 207
+2 : 205
+1 : 204
±0 : 203
-1 : 202
-2 : 201
-4 : 199
-8 : 195
-16 : 187
-33 : 170
-50 : 153
-67 : 136
-84 : 119
-101 : 102
-118 : 85
-135 : 68
-152 : 51
-169 : 34
-186 : 17
-203 : 0
緑
+68 : 255
+51 : 238
+34 : 221
+17 : 204
+8 : 195
+4 : 191
+2 : 189
+1 : 188
±0 : 187
-1 : 186
-2 : 185
-4 : 183
-8 : 179
-17 : 170
-34 : 153
-51 : 136
-68 : 119
-85 : 102
-102 : 85
-119 : 68
-136 : 51
-153 : 34
-170 : 17
-187 : 0
青
+77 : 255
+60 : 238
+43 : 221
+26 : 204
+9 : 187
+8 : 186
+4 : 182
+2 : 180
+1 : 179
±0 : 178
-1 : 177
-2 : 176
-4 : 174
-8 : 170
-25 : 153
-42 : 136
-59 : 119
-76 : 102
-93 : 85
-110 : 68
-127 : 51
-144 : 34
-161 : 17
-178 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000