色見本(1),白地,淡い色

background
border-color
color

#fff
#eee
#333

#eee
#bbb
#333

#fee
#ebb
#333

#ffe
#eeb
#333

#efe
#beb
#333

#eff
#bee
#333

#eef
#bbe
#333

#fef
#ebe
#333

#fff
#ddd
#333

#ddd
#aaa
#333

#fdd
#daa
#333

#ffd
#dda
#333

#dfd
#ada
#333

#dff
#add
#333

#ddf
#aad
#333

#fdf
#dad
#333

#fff
#ccc
#333

#ccc
#999
#333

#fcc
#c99
#333

#ffc
#cc9
#333

#cfc
#9c9
#333

#cff
#9cc
#333

#ccf
#99c
#333

#fcf
#c9c
#333

#fff
#aaa
#333

#aaa
#888
#333

#faa
#a88
#333

#ffa
#aa8
#333

#afa
#8a8
#333

#aff
#8aa
#333

#aaf
#88a
#333

#faf
#a8a
#333

#eee

#666

#ddd

#666

#edd

#666

#eed

#666

#ded

#666

#dee

#666

#dde

#666

#ede

#666

#ddd

#555

#bbb

#555

#dbb

#555

#ddb

#555

#bdb

#555

#bdd

#555

#bbd

#555

#dbd

#555

#ccc

#333

#aaa

#333

#caa

#333

#cca

#333

#aca

#333

#acc

#333

#aac

#333

#cac

#333

#bbb

#222

#999

#222

#b99

#222

#bb9

#222

#9b9

#222

#9bb

#222

#99b

#222

#b9b

#222

#eee

#555

#aaa

#555

#eaa

#555

#eea

#555

#aea

#555

#aee

#555

#aae

#555

#eae

#555

#ddd

#444

#999

#444

#d99

#444

#dd9

#444

#9d9

#444

#9dd

#444

#99d

#444

#d9d

#444

いろいろ

border-color:#bee;
background:#eff;

border-color:#eeb;
background:#ffe;

border-color:#ebb;
background:#fee;

background:#eeb;
color:#666;

title、タイトル、見出し

background:#eee;
color:#666;

title、タイトル、見出し

background:#dee;
color:#369;

title、タイトル、見出し

background:#99a;
color:#fff;

title、タイトル、見出し