色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#f8f3f1
データ
赤
248
緑
243
青
241
色相
17°
白
95%
黒
3%
彩度
33%
明度
96%
輝度
96%
色調 = 淡い
色相 = 17°
3桁
#fff
#ffe
#ffd
#fef
#fee
#fed
#fdf
#fde
#fdd
#eff
#efe
#efd
#eef
#eee
#eed
#edf
#ede
#edd
#dff
#dfe
#dfd
#def
#dee
#ded
#ddf
#dde
#ddd
名前付き
whitesmoke
seashell
lavenderblush
floralwhite
linen
oldlace
snow
ivory
honeydew
ghostwhite
mintcream
aliceblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-15 : 2
-10 : 7
-5 : 12
-2 : 15
±0 : 17
+2 : 19
+5 : 22
+10 : 27
+15 : 32
+30 : 47
+45 : 62
+60 : 77
+75 : 92
+90 : 107
+105 : 122
+120 : 137
+135 : 152
+150 : 167
+165 : 182
+180 : 197
+195 : 212
+210 : 227
+225 : 242
+240 : 257
+255 : 272
+270 : 287
+285 : 302
+300 : 317
+315 : 332
+330 : 347
彩度
+67 : 100
+63 : 96
+59 : 92
+55 : 88
+51 : 84
+47 : 80
+43 : 76
+39 : 72
+35 : 68
+31 : 64
+27 : 60
+23 : 56
+19 : 52
+17 : 50
+15 : 48
+11 : 44
+7 : 40
+3 : 36
+2 : 35
±0 : 33
-1 : 32
-2 : 31
-3 : 30
-5 : 28
-9 : 24
-13 : 20
-17 : 16
-21 : 12
-25 : 8
-29 : 4
-33 : 0
明度
+4 : 100
+3 : 99
+2 : 98
±0 : 96
-2 : 94
-3 : 93
-4 : 92
-8 : 88
-12 : 84
-16 : 80
-20 : 76
-24 : 72
-28 : 68
-32 : 64
-36 : 60
-40 : 56
-44 : 52
-46 : 50
-48 : 48
-52 : 44
-56 : 40
-60 : 36
-64 : 32
-68 : 28
-72 : 24
-76 : 20
-80 : 16
-84 : 12
-88 : 8
-92 : 4
-96 : 0
白
-95 : 0
-91 : 4
-87 : 8
-83 : 12
-79 : 16
-75 : 20
-71 : 24
-67 : 28
-63 : 32
-59 : 36
-55 : 40
-51 : 44
-47 : 48
-45 : 50
-43 : 52
-39 : 56
-35 : 60
-31 : 64
-27 : 68
-23 : 72
-19 : 76
-15 : 80
-11 : 84
-7 : 88
-3 : 92
-2 : 93
±0 : 95
+1 : 96
+2 : 97
+3 : 98
+5 : 100
黒
-3 : 0
-2 : 1
±0 : 3
+1 : 4
+2 : 5
+3 : 6
+5 : 8
+9 : 12
+13 : 16
+17 : 20
+21 : 24
+25 : 28
+29 : 32
+33 : 36
+37 : 40
+41 : 44
+45 : 48
+47 : 50
+49 : 52
+53 : 56
+57 : 60
+61 : 64
+65 : 68
+69 : 72
+73 : 76
+77 : 80
+81 : 84
+85 : 88
+89 : 92
+93 : 96
+97 : 100
赤
+7 : 255
+4 : 252
+2 : 250
+1 : 249
±0 : 248
-1 : 247
-2 : 246
-4 : 244
-8 : 240
-10 : 238
-27 : 221
-44 : 204
-61 : 187
-78 : 170
-95 : 153
-112 : 136
-129 : 119
-146 : 102
-163 : 85
-180 : 68
-197 : 51
-214 : 34
-231 : 17
-248 : 0
緑
+12 : 255
+8 : 251
+4 : 247
+2 : 245
+1 : 244
±0 : 243
-1 : 242
-2 : 241
-4 : 239
-5 : 238
-8 : 235
-22 : 221
-39 : 204
-56 : 187
-73 : 170
-90 : 153
-107 : 136
-124 : 119
-141 : 102
-158 : 85
-175 : 68
-192 : 51
-209 : 34
-226 : 17
-243 : 0
青
+14 : 255
+8 : 249
+4 : 245
+2 : 243
+1 : 242
±0 : 241
-1 : 240
-2 : 239
-3 : 238
-4 : 237
-8 : 233
-20 : 221
-37 : 204
-54 : 187
-71 : 170
-88 : 153
-105 : 136
-122 : 119
-139 : 102
-156 : 85
-173 : 68
-190 : 51
-207 : 34
-224 : 17
-241 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000