表の配色は、見出し・行の縞模様・強調セルの3つを決めるだけで、ぐっと読みやすくなります。ここでは白や淡い背景を基本に、見出し色（メイン）・縞模様や小計行（サブ）・強調セル（アクセント）の組み合わせを12種類まとめました。社内の管理表から家計簿、学校の名簿まで幅広く使えます。
色をクリックでカラーコードをコピーできます。
| 項目 | 金額 | 前年比 |
|---|---|---|
| 項目1 | 1,200 | +12% |
| 項目2 | 1,200 | +12% |
| 項目3 | 1,200 | +12% |
| 項目4 | 1,200 | +12% |
| 項目 | 金額 | 前年比 |
|---|---|---|
| 項目1 | 1,200 | +12% |
| 項目2 | 1,200 | +12% |
| 項目3 | 1,200 | +12% |
| 項目4 | 1,200 | +12% |
| 項目 | 金額 | 前年比 |
|---|---|---|
| 項目1 | 1,200 | +12% |
| 項目2 | 1,200 | +12% |
| 項目3 | 1,200 | +12% |
| 項目4 | 1,200 | +12% |
| 項目 | 金額 | 前年比 |
|---|---|---|
| 項目1 | 1,200 | +12% |
| 項目2 | 1,200 | +12% |
| 項目3 | 1,200 | +12% |
| 項目4 | 1,200 | +12% |
| 項目 | 金額 | 前年比 |
|---|---|---|
| 項目1 | 1,200 | +12% |
| 項目2 | 1,200 | +12% |
| 項目3 | 1,200 | +12% |
| 項目4 | 1,200 | +12% |
濃紺の見出しは引き締まった印象で、予算や決算など正確さが求められる表に向いています。合計欄や要確認セルを黄色にすると、重要な数字がすぐに見つかります。
| 項目 | 金額 | 前年比 |
|---|---|---|
| 項目1 | 1,200 | +12% |
| 項目2 | 1,200 | +12% |
| 項目3 | 1,200 | +12% |
| 項目4 | 1,200 | +12% |
| 項目 | 金額 | 前年比 |
|---|---|---|
| 項目1 | 1,200 | +12% |
| 項目2 | 1,200 | +12% |
| 項目3 | 1,200 | +12% |
| 項目4 | 1,200 | +12% |
| 項目 | 金額 | 前年比 |
|---|---|---|
| 項目1 | 1,200 | +12% |
| 項目2 | 1,200 | +12% |
| 項目3 | 1,200 | +12% |
| 項目4 | 1,200 | +12% |
| 項目 | 金額 | 前年比 |
|---|---|---|
| 項目1 | 1,200 | +12% |
| 項目2 | 1,200 | +12% |
| 項目3 | 1,200 | +12% |
| 項目4 | 1,200 | +12% |
| 項目 | 金額 | 前年比 |
|---|---|---|
| 項目1 | 1,200 | +12% |
| 項目2 | 1,200 | +12% |
| 項目3 | 1,200 | +12% |
| 項目4 | 1,200 | +12% |
落ち着いた青灰色の見出しに、不備や未完了を示す淡いオレンジを組み合わせた配色です。強調色を濃くしすぎないことで、文字が読みにくくなるのを防げます。
| 項目 | 金額 | 前年比 |
|---|---|---|
| 項目1 | 1,200 | +12% |
| 項目2 | 1,200 | +12% |
| 項目3 | 1,200 | +12% |
| 項目4 | 1,200 | +12% |
| 項目 | 金額 | 前年比 |
|---|---|---|
| 項目1 | 1,200 | +12% |
| 項目2 | 1,200 | +12% |
| 項目3 | 1,200 | +12% |
| 項目4 | 1,200 | +12% |
表のデータ部分は白か淡い色にして、数字や文字を読みやすく保ちます。色を付けるのは見出し行・縞模様・強調したいセルの3か所に絞りましょう。
見出し行を濃い色にして文字を白にすると、表の始まりがはっきりします。見出しの色が明るい場合は、白ではなく濃い色の文字を使ってください。
行の縞模様や強調セルの色は、文字が十分に読める淡い色にします。濃い赤や黄色でセルを塗りつぶすと、数字が読みにくくなり、印刷するとにじんで見えることがあります。
「赤いセルは未提出」のように色だけで意味を持たせると、白黒印刷や色の見え方が異なる人には伝わりません。「済」「未」などの文字や記号を併記しましょう。
塗りつぶしの色やフォントの色のメニューから「その他の色」を開き、「ユーザー設定」でHEXのカラーコード（例：#305496）を入力します。HEXの入力欄がない場合は、RGBの数値に変換して入力してください。
範囲を選択して「交互の背景色」機能を使うと、見出しと縞模様の色をまとめて設定できます。カスタムの色にこのページのカラーコードを入力すれば、好みの配色にできます。
文字が読みやすい淡い赤・黄・緑などを使い、意味ごとに色を決めておくのがおすすめです。色の種類は2〜3色にとどめ、同じファイル内では同じ意味に同じ色を使いましょう。
淡すぎる色は、プリンターによってはほとんど印刷されないことがあります。印刷して配る表では、グレーの濃淡を少し強めにするか、罫線を併用すると確実です。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか？ 詳しく見る