色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#d9d8d6
データ
赤
217
緑
216
青
214
色相
40°
白
84%
黒
15%
彩度
4%
明度
85%
輝度
85%
色調 = 淡い
色相 = 40°
3桁
#eee
#eed
#eec
#ede
#edd
#edc
#ece
#ecd
#ecc
#dee
#ded
#dec
#dde
#ddd
#ddc
#dce
#dcd
#dcc
#cee
#ced
#cec
#cde
#cdd
#cdc
#cce
#ccd
#ccc
名前付き
gainsboro
lightgray
thistle
antiquewhite
beige
lavender
silver
mistyrose
blanchedalmond
bisque
linen
papayawhip
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-30 : 10
-15 : 25
-10 : 30
-5 : 35
-2 : 38
±0 : 40
+2 : 42
+5 : 45
+10 : 50
+15 : 55
+30 : 70
+45 : 85
+60 : 100
+75 : 115
+90 : 130
+105 : 145
+120 : 160
+135 : 175
+150 : 190
+165 : 205
+180 : 220
+195 : 235
+210 : 250
+225 : 265
+240 : 280
+255 : 295
+270 : 310
+285 : 325
+300 : 340
+315 : 355
彩度
+96 : 100
+92 : 96
+88 : 92
+84 : 88
+80 : 84
+76 : 80
+72 : 76
+68 : 72
+64 : 68
+60 : 64
+56 : 60
+52 : 56
+48 : 52
+46 : 50
+44 : 48
+40 : 44
+36 : 40
+32 : 36
+28 : 32
+24 : 28
+20 : 24
+16 : 20
+12 : 16
+8 : 12
+4 : 8
+3 : 7
+2 : 6
±0 : 4
-2 : 2
-3 : 1
-4 : 0
明度
+15 : 100
+11 : 96
+7 : 92
+3 : 88
+2 : 87
±0 : 85
-1 : 84
-2 : 83
-3 : 82
-5 : 80
-9 : 76
-13 : 72
-17 : 68
-21 : 64
-25 : 60
-29 : 56
-33 : 52
-35 : 50
-37 : 48
-41 : 44
-45 : 40
-49 : 36
-53 : 32
-57 : 28
-61 : 24
-65 : 20
-69 : 16
-73 : 12
-77 : 8
-81 : 4
-85 : 0
白
-84 : 0
-80 : 4
-76 : 8
-72 : 12
-68 : 16
-64 : 20
-60 : 24
-56 : 28
-52 : 32
-48 : 36
-44 : 40
-40 : 44
-36 : 48
-34 : 50
-32 : 52
-28 : 56
-24 : 60
-20 : 64
-16 : 68
-12 : 72
-8 : 76
-4 : 80
-3 : 81
-2 : 82
±0 : 84
+2 : 86
+3 : 87
+4 : 88
+8 : 92
+12 : 96
+16 : 100
黒
-15 : 0
-11 : 4
-7 : 8
-3 : 12
-2 : 13
±0 : 15
+1 : 16
+2 : 17
+3 : 18
+5 : 20
+9 : 24
+13 : 28
+17 : 32
+21 : 36
+25 : 40
+29 : 44
+33 : 48
+35 : 50
+37 : 52
+41 : 56
+45 : 60
+49 : 64
+53 : 68
+57 : 72
+61 : 76
+65 : 80
+69 : 84
+73 : 88
+77 : 92
+81 : 96
+85 : 100
赤
+38 : 255
+21 : 238
+8 : 225
+4 : 221
+2 : 219
+1 : 218
±0 : 217
-1 : 216
-2 : 215
-4 : 213
-8 : 209
-13 : 204
-30 : 187
-47 : 170
-64 : 153
-81 : 136
-98 : 119
-115 : 102
-132 : 85
-149 : 68
-166 : 51
-183 : 34
-200 : 17
-217 : 0
緑
+39 : 255
+22 : 238
+8 : 224
+5 : 221
+4 : 220
+2 : 218
+1 : 217
±0 : 216
-1 : 215
-2 : 214
-4 : 212
-8 : 208
-12 : 204
-29 : 187
-46 : 170
-63 : 153
-80 : 136
-97 : 119
-114 : 102
-131 : 85
-148 : 68
-165 : 51
-182 : 34
-199 : 17
-216 : 0
青
+41 : 255
+24 : 238
+8 : 222
+7 : 221
+4 : 218
+2 : 216
+1 : 215
±0 : 214
-1 : 213
-2 : 212
-4 : 210
-8 : 206
-10 : 204
-27 : 187
-44 : 170
-61 : 153
-78 : 136
-95 : 119
-112 : 102
-129 : 85
-146 : 68
-163 : 51
-180 : 34
-197 : 17
-214 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000