2色の配色・カラーパレット

少ない色で明快に。まずは明るさの違う二つの色から。

文字と背景に使う場合はコントラストを確認。色数が少なくても、余白と面積で表情をつくれます。

海と砂

#284F59
#F2E7D7

明るい背景に深い青緑の文字。

面積の比較用です。文字色は別途コントラストを確認してください。

この配色を編集する

花と葉

#E8B7BD
#324B3E

淡いピンクと暗い緑の対比。

面積の比較用です。文字色は別途コントラストを確認してください。

この配色を編集する

墨と白

#252C2A
#F4F5F1

写真や色見本を邪魔しにくい組み合わせ。

面積の比較用です。文字色は別途コントラストを確認してください。

この配色を編集する
色見本を1枚の図で見る
2色の配色・カラーパレットの色見本。各色のHEXコードを併記。
掲載データから作成した画面用の色見本。実物の色票ではありません。操作できる一覧は上にあります。

自分の配色に、少し変えてみる。

気になる色を色板に集めて編集・書き出しできます。組み合わせを作り直すなら配色ツールへ。

配色をつくる

このページの情報を訂正する