色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#ecdaeb
データ
赤
236
緑
218
青
235
色相
303°
白
85%
黒
7%
彩度
32%
明度
89%
輝度
88%
色調 = 淡い
色相 = 303°
3桁
#fef
#fee
#fed
#fdf
#fde
#fdd
#fcf
#fce
#fcd
#eef
#eee
#eed
#edf
#ede
#edd
#ecf
#ece
#ecd
#def
#dee
#ded
#ddf
#dde
#ddd
#dcf
#dce
#dcd
名前付き
lavender
gainsboro
mistyrose
linen
antiquewhite
whitesmoke
lavenderblush
beige
oldlace
seashell
lightgray
papayawhip
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-300 : 3
-285 : 18
-270 : 33
-255 : 48
-240 : 63
-225 : 78
-210 : 93
-195 : 108
-180 : 123
-165 : 138
-150 : 153
-135 : 168
-120 : 183
-105 : 198
-90 : 213
-75 : 228
-60 : 243
-45 : 258
-30 : 273
-15 : 288
-10 : 293
-5 : 298
-2 : 301
±0 : 303
+2 : 305
+5 : 308
+10 : 313
+15 : 318
+30 : 333
+45 : 348
彩度
+68 : 100
+64 : 96
+60 : 92
+56 : 88
+52 : 84
+48 : 80
+44 : 76
+40 : 72
+36 : 68
+32 : 64
+28 : 60
+24 : 56
+20 : 52
+18 : 50
+16 : 48
+12 : 44
+8 : 40
+4 : 36
+3 : 35
+2 : 34
±0 : 32
-2 : 30
-3 : 29
-4 : 28
-8 : 24
-12 : 20
-16 : 16
-20 : 12
-24 : 8
-28 : 4
-32 : 0
明度
+11 : 100
+7 : 96
+3 : 92
+2 : 91
±0 : 89
-1 : 88
-2 : 87
-3 : 86
-5 : 84
-9 : 80
-13 : 76
-17 : 72
-21 : 68
-25 : 64
-29 : 60
-33 : 56
-37 : 52
-39 : 50
-41 : 48
-45 : 44
-49 : 40
-53 : 36
-57 : 32
-61 : 28
-65 : 24
-69 : 20
-73 : 16
-77 : 12
-81 : 8
-85 : 4
-89 : 0
白
-85 : 0
-81 : 4
-77 : 8
-73 : 12
-69 : 16
-65 : 20
-61 : 24
-57 : 28
-53 : 32
-49 : 36
-45 : 40
-41 : 44
-37 : 48
-35 : 50
-33 : 52
-29 : 56
-25 : 60
-21 : 64
-17 : 68
-13 : 72
-9 : 76
-5 : 80
-3 : 82
-2 : 83
-1 : 84
±0 : 85
+2 : 87
+3 : 88
+7 : 92
+11 : 96
+15 : 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
赤
+19 : 255
+8 : 244
+4 : 240
+2 : 238
+1 : 237
±0 : 236
-1 : 235
-2 : 234
-4 : 232
-8 : 228
-15 : 221
-32 : 204
-49 : 187
-66 : 170
-83 : 153
-100 : 136
-117 : 119
-134 : 102
-151 : 85
-168 : 68
-185 : 51
-202 : 34
-219 : 17
-236 : 0
緑
+37 : 255
+20 : 238
+8 : 226
+4 : 222
+3 : 221
+2 : 220
+1 : 219
±0 : 218
-1 : 217
-2 : 216
-4 : 214
-8 : 210
-14 : 204
-31 : 187
-48 : 170
-65 : 153
-82 : 136
-99 : 119
-116 : 102
-133 : 85
-150 : 68
-167 : 51
-184 : 34
-201 : 17
-218 : 0
青
+20 : 255
+8 : 243
+4 : 239
+3 : 238
+2 : 237
+1 : 236
±0 : 235
-1 : 234
-2 : 233
-4 : 231
-8 : 227
-14 : 221
-31 : 204
-48 : 187
-65 : 170
-82 : 153
-99 : 136
-116 : 119
-133 : 102
-150 : 85
-167 : 68
-184 : 51
-201 : 34
-218 : 17
-235 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000