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

テーマに合わせた五つの色。全色を同じ面積で使わず、役割を分けます。

多色配色でも文字色は一つにまとめると読みやすくなります。

植物の標本

#F2EDDF

#CBD4B8

#8FA78C

#536D5C

#293D35

明るい背景と深い文字色、その間の三つを補助色に。

主役の色の面積：60%（残りは均等）

60%

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

この配色を編集する

夕方の空

#EFD2BD

#DEA0A1

#B39DB7

#7F8AA7

#3F4D69

グラデーションにも使える穏やかな色のつながり。

主役の色の面積：60%（残りは均等）

60%

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

この配色を編集する

色見本を1枚の図で見る

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

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

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

配色をつくる

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