配色検討スタジオ

URLを入力してサイトを読み込んでください 右側の色を変えると、ここに反映されます

おまかせ配色

使いたい色を並べるだけで、背景・文字・アクセントへの振り分けは自動で決めます。足りない色（文字色など）は自動で補い、文字が読める濃さに調整します。「別の割り当て」を押すたびに、紙・白・色付き・暗い背景と、アクセントの組み合わせが切り替わります。

右の色をクリックして変更。行にマウスを乗せると、その色の使われている場所がプレビューで点滅します。

細かくまとめる

まだ読み込まれていません

画面に占める色の割合と、主要な色だけで組んだ見本です。

変更前

変更後

変更前

変更後

実際に重なっている「文字色 × 背景色」の組み合わせ（多い順）。4.5以上が本文の目安です。

いくつか保存して、クリックで切り替えながら比べられます（このブラウザに保存）。