色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#e2cbd4
データ
赤
226
緑
203
青
212
色相
337°
白
80%
黒
11%
彩度
28%
明度
84%
輝度
83%
色調 = 淡い
色相 = 337°
3桁
#edd
#edc
#edb
#ecd
#ecc
#ecb
#ebd
#ebc
#ebb
#ddd
#ddc
#ddb
#dcd
#dcc
#dcb
#dbd
#dbc
#dbb
#cdd
#cdc
#cdb
#ccd
#ccc
#ccb
#cbd
#cbc
#cbb
名前付き
thistle
lightgray
gainsboro
pink
antiquewhite
mistyrose
lightpink
silver
bisque
peachpuff
wheat
blanchedalmond
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-330 : 7
-315 : 22
-300 : 37
-285 : 52
-270 : 67
-255 : 82
-240 : 97
-225 : 112
-210 : 127
-195 : 142
-180 : 157
-165 : 172
-150 : 187
-135 : 202
-120 : 217
-105 : 232
-90 : 247
-75 : 262
-60 : 277
-45 : 292
-30 : 307
-15 : 322
-10 : 327
-5 : 332
-2 : 335
±0 : 337
+2 : 339
+5 : 342
+10 : 347
+15 : 352
彩度
+72 : 100
+68 : 96
+64 : 92
+60 : 88
+56 : 84
+52 : 80
+48 : 76
+44 : 72
+40 : 68
+36 : 64
+32 : 60
+28 : 56
+24 : 52
+22 : 50
+20 : 48
+16 : 44
+12 : 40
+8 : 36
+4 : 32
+3 : 31
+2 : 30
±0 : 28
-2 : 26
-3 : 25
-4 : 24
-8 : 20
-12 : 16
-16 : 12
-20 : 8
-24 : 4
-28 : 0
明度
+16 : 100
+12 : 96
+8 : 92
+4 : 88
+3 : 87
+2 : 86
±0 : 84
-2 : 82
-3 : 81
-4 : 80
-8 : 76
-12 : 72
-16 : 68
-20 : 64
-24 : 60
-28 : 56
-32 : 52
-34 : 50
-36 : 48
-40 : 44
-44 : 40
-48 : 36
-52 : 32
-56 : 28
-60 : 24
-64 : 20
-68 : 16
-72 : 12
-76 : 8
-80 : 4
-84 : 0
白
-80 : 0
-76 : 4
-72 : 8
-68 : 12
-64 : 16
-60 : 20
-56 : 24
-52 : 28
-48 : 32
-44 : 36
-40 : 40
-36 : 44
-32 : 48
-30 : 50
-28 : 52
-24 : 56
-20 : 60
-16 : 64
-12 : 68
-8 : 72
-4 : 76
-3 : 77
-2 : 78
±0 : 80
+2 : 82
+3 : 83
+4 : 84
+8 : 88
+12 : 92
+16 : 96
+20 : 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
赤
+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
緑
+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
青
+43 : 255
+26 : 238
+9 : 221
+8 : 220
+4 : 216
+2 : 214
+1 : 213
±0 : 212
-1 : 211
-2 : 210
-4 : 208
-8 : 204
-25 : 187
-42 : 170
-59 : 153
-76 : 136
-93 : 119
-110 : 102
-127 : 85
-144 : 68
-161 : 51
-178 : 34
-195 : 17
-212 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000