色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#fcdced
データ
赤
252
緑
220
青
237
色相
328°
白
86%
黒
1%
彩度
84%
明度
93%
輝度
91%
色調 = 淡い
色相 = 328°
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
名前付き
mistyrose
linen
lavenderblush
seashell
oldlace
antiquewhite
whitesmoke
lavender
floralwhite
papayawhip
beige
snow
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-315 : 13
-300 : 28
-285 : 43
-270 : 58
-255 : 73
-240 : 88
-225 : 103
-210 : 118
-195 : 133
-180 : 148
-165 : 163
-150 : 178
-135 : 193
-120 : 208
-105 : 223
-90 : 238
-75 : 253
-60 : 268
-45 : 283
-30 : 298
-15 : 313
-10 : 318
-5 : 323
-2 : 326
±0 : 328
+2 : 330
+5 : 333
+10 : 338
+15 : 343
+30 : 358
彩度
+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
明度
+7 : 100
+3 : 96
+2 : 95
±0 : 93
-1 : 92
-2 : 91
-3 : 90
-5 : 88
-9 : 84
-13 : 80
-17 : 76
-21 : 72
-25 : 68
-29 : 64
-33 : 60
-37 : 56
-41 : 52
-43 : 50
-45 : 48
-49 : 44
-53 : 40
-57 : 36
-61 : 32
-65 : 28
-69 : 24
-73 : 20
-77 : 16
-81 : 12
-85 : 8
-89 : 4
-93 : 0
白
-86 : 0
-82 : 4
-78 : 8
-74 : 12
-70 : 16
-66 : 20
-62 : 24
-58 : 28
-54 : 32
-50 : 36
-46 : 40
-42 : 44
-38 : 48
-36 : 50
-34 : 52
-30 : 56
-26 : 60
-22 : 64
-18 : 68
-14 : 72
-10 : 76
-6 : 80
-3 : 83
-2 : 84
±0 : 86
+2 : 88
+3 : 89
+6 : 92
+10 : 96
+14 : 100
黒
-1 : 0
±0 : 1
+2 : 3
+3 : 4
+7 : 8
+11 : 12
+15 : 16
+19 : 20
+23 : 24
+27 : 28
+31 : 32
+35 : 36
+39 : 40
+43 : 44
+47 : 48
+49 : 50
+51 : 52
+55 : 56
+59 : 60
+63 : 64
+67 : 68
+71 : 72
+75 : 76
+79 : 80
+83 : 84
+87 : 88
+91 : 92
+95 : 96
+99 : 100
赤
+3 : 255
+2 : 254
+1 : 253
±0 : 252
-1 : 251
-2 : 250
-4 : 248
-8 : 244
-14 : 238
-31 : 221
-48 : 204
-65 : 187
-82 : 170
-99 : 153
-116 : 136
-133 : 119
-150 : 102
-167 : 85
-184 : 68
-201 : 51
-218 : 34
-235 : 17
-252 : 0
緑
+35 : 255
+18 : 238
+8 : 228
+4 : 224
+2 : 222
+1 : 221
±0 : 220
-1 : 219
-2 : 218
-4 : 216
-8 : 212
-16 : 204
-33 : 187
-50 : 170
-67 : 153
-84 : 136
-101 : 119
-118 : 102
-135 : 85
-152 : 68
-169 : 51
-186 : 34
-203 : 17
-220 : 0
青
+18 : 255
+8 : 245
+4 : 241
+2 : 239
+1 : 238
±0 : 237
-1 : 236
-2 : 235
-4 : 233
-8 : 229
-16 : 221
-33 : 204
-50 : 187
-67 : 170
-84 : 153
-101 : 136
-118 : 119
-135 : 102
-152 : 85
-169 : 68
-186 : 51
-203 : 34
-220 : 17
-237 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000