淡い色216色

パステルカラーなどのペールトーンから、少し濁ったライトグレイッシュトーンまで、背景色に使いやすい淡い色216色で構成されています。

#fff
#eee
#ddd
#ccc
#bbb
#aaa

#faf

#fae

#fad

#fac

#fab

#faa

#eaf

#fbf

#fbe

#fbd

#fbc

#fbb

#fba

#daf

#ebf

#fcf

#fce

#fcd

#fcc

#fcb

#fca

#caf

#dbf

#ecf

#fdf

#fde

#fdd

#fdc

#fdb

#fda

#baf

#cbf

#dcf

#edf

#fef

#fee

#fed

#fec

#feb

#fea

#aaf

#bbf

#ccf

#ddf

#eef

#fff

#ffe

#ffd

#ffc

#ffb

#ffa

#abf

#bcf

#cdf

#def

#eff

#efe

#efd

#efc

#efb

#efa

#acf

#bdf

#cef

#dff

#dfe

#dfd

#dfc

#dfb

#dfa

#adf

#bef

#cff

#cfe

#cfd

#cfc

#cfb

#cfa

#aef

#bff

#bfe

#bfd

#bfc

#bfb

#bfa

#aff

#afe

#afd

#afc

#afb

#afa

#eae

#ead

#eac

#eab

#eaa

#dae

#ebe

#ebd

#ebc

#ebb

#eba

#cae

#dbe

#ece

#ecd

#ecc

#ecb

#eca

#bae

#cbe

#dce

#ede

#edd

#edc

#edb

#eda

#aae

#bbe

#cce

#dde

#eee

#eed

#eec

#eeb

#eea

#abe

#bce

#cde

#dee

#ded

#dec

#deb

#dea

#ace

#bde

#cee

#ced

#cec

#ceb

#cea

#ade

#bee

#bed

#bec

#beb

#bea

#aee

#aed

#aec

#aeb

#aea

#dad

#dac

#dab

#daa

#cad

#dbd

#dbc

#dbb

#dba

#bad

#cbd

#dcd

#dcc

#dcb

#dca

#aad

#bbd

#ccd

#ddd

#ddc

#ddb

#dda

#abd

#bcd

#cdd

#cdc

#cdb

#cda

#acd

#bdd

#bdc

#bdb

#bda

#add

#adc

#adb

#ada

#cac

#cab

#caa

#bac

#cbc

#cbb

#cba

#aac

#bbc

#ccc

#ccb

#cca

#abc

#bcc

#bcb

#bca

#acc

#acb

#aca

#bab

#baa

#aab

#bbb

#bba

#abb

#aba

#aaa

このツールについて

配色の選択に便利な色相環タイプのWeb用カラーチャート、カラーコード表です。
中心にいくほど彩度が低くなっており、タブを切り替えることで明度を変えることができます。

16進数3桁のカラーコードについて

16進数のカラーコードには3桁（#RGB）と6桁（#RRGGBB）の指定方法があります。3桁の#f06と6桁の#ff0066は全く同じ色となります。