Excelのグラフに使える配色パターンの記事を書いたので、パターンの見本も作りました。
配色パターン
Excel、Word、PowerPointなど、Office製品では配色パターンを使って統一感のある色をグラフに設定できるようになっています。
配色パターンを使ってグラフの色を変更する方法
配色パターンを使ってグラフを塗り替える方法は、下の記事をご覧ください。
配色パターンの変更
[スタイル]の[色]の中にある配色パターンは、[配色]を変更してカラーを変更できます。
![](https://pasoviva.com/wp-content/uploads/2024/05/office-colorpattern2.png)
数えてみると、Office既存の配色パターンは全部で23種類ありました。気に入ったものが見つからない場合でも、新しいパターンを追加登録することが可能です。
変更手順など、詳細は下の記事をご覧ください。
Office配色 23パターンのサンプル
配色パターン一覧
![](https://pasoviva.com/wp-content/uploads/2024/05/office-colorpattern.png)
配色パターン サンプル
1. Office
Click! でグラフサンプル開きます!
![(カラー見本)Office](https://pasoviva.com/wp-content/uploads/2024/05/01-office.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#44546A | #E7E6E6 | #70AD47 | #5B9BD5 | #FFC000 | #A5A5A5 | #ED7D31 | #4472C4 |
2. Office 2007 – 2010
Click!
![(カラー見本)Office 2007 - 2010](https://pasoviva.com/wp-content/uploads/2024/05/02-office-07-10.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#1F497D | #EEECE1 | #4F81BD | #C0504D | #9BBB59 | #8064A2 | #4BACC6 | #F79646 |
3. グレースケール
Click!
![(カラー見本)グレースケール](https://pasoviva.com/wp-content/uploads/2024/05/03-gray.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#000000 | #F8F8F8 | #DDDDDD | #B2B2B2 | #969696 | #808080 | #5F5F5F | #4D4D4D |
4. 暖かみのある青
Click! で グラフSample 開きます!
![(カラー見本)暖かみのある青](https://pasoviva.com/wp-content/uploads/2024/05/04-atatakami-ao.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#242852 | #ACCBF9 | #4A66AC | #629DD1 | #297FD5 | #7F8FA9 | #5AA2AE | #9D90A0 |
5. 青
Click!
![(カラー見本)青](https://pasoviva.com/wp-content/uploads/2024/05/05-ao.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#17406D | #DBEFF9 | #0F6FC6 | #009DD9 | #0BD0D9 | #10CF9B | #7CCA62 | #A5C249 |
6. 青 II
Click!
![(カラー見本)青2](https://pasoviva.com/wp-content/uploads/2024/05/06-ao2.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#335B74 | #DFE3E5 | #1CADE4 | #2683C6 | #27CED7 | #42BA97 | #3E8853 | #62A39F |
7. 青緑
Click!
![(カラー見本)青緑](https://pasoviva.com/wp-content/uploads/2024/05/07-aomidori.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#373545 | #CEDBE6 | #3494BA | #58B6C0 | #75BDA7 | #7A8C8E | #84ACB6 | #2683C6 |
8. 緑
Click! で グラフSample 開きます!
![(カラー見本)緑](https://pasoviva.com/wp-content/uploads/2024/05/08-midori.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#455F51 | #E3DED1 | #549E39 | #8AB833 | #C0CF3A | #029676 | #4AB5C4 | #0989B1 |
9. 黄緑
Click!
![](https://pasoviva.com/wp-content/uploads/2024/05/09-kimidori.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#455F51 | #E2DFCC | #99CB38 | #63A537 | #37A76F | #44C1A3 | #4EB3CF | #51C3F9 |
10. 黄
Click! で グラフSample 開きます!
![(カラー見本)黄](https://pasoviva.com/wp-content/uploads/2024/05/10-ki.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#39302A | #E5DEDB | #FFCA08 | #F8931D | #CE8D3E | #EC7016 | #E64823 | #9C6A6A |
11. 黄色がかったオレンジ
Click!
![(カラー見本)黄色がかったオレンジ](https://pasoviva.com/wp-content/uploads/2024/05/11-ki-orange.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#4E3B30 | #FBEEC9 | #F0A22E | #A5644E | #B58B80 | #C3986D | #A19574 | #C17529 |
12. オレンジ
Click!
![(カラー見本)オレンジ](https://pasoviva.com/wp-content/uploads/2024/05/12-orange.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#637052 | #CCDDEA | #E48312 | #BD582C | #865640 | #9B8357 | #C2BC80 | #94A088 |
13. オレンジがかった赤
Click!
![(カラー見本)オレンジがかった赤](https://pasoviva.com/wp-content/uploads/2024/05/13-orange-red.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#696464 | #E9E5DC | #D34817 | #9B2D1F | #956251 | #956251 | #918485 | #855D5D |
14. 赤味がかったオレンジ
Click!
![(カラー見本)赤味がかったオレンジ](https://pasoviva.com/wp-content/uploads/2024/05/14-red-orange.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#505046 | #EEECE1 | #E84C22 | #FFBD47 | #B64926 | #FF8427 | #CC9900 | #B22600 |
15. 赤
Click!
![(カラー見本)赤](https://pasoviva.com/wp-content/uploads/2024/05/15-red.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#323232 | #E5C243 | #A5300F | #D55816 | #E19825 | #B19C7D | #7F5F52 | #B7855F |
16. 赤紫
Click! で グラフSample 開きます!
![(カラー見本)赤紫](https://pasoviva.com/wp-content/uploads/2024/05/16-red-purple.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#454551 | #D8D9DC | #E32D91 | #C830CC | #4EA6DC | #4775E7 | #8971E1 | #D54773 |
17. 紫
Click!
![(カラー見本)紫](https://pasoviva.com/wp-content/uploads/2024/05/17-purple.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#373545 | #DCD8DC | #AD84C6 | #8784C7 | #5D739A | #6997AF | #84ACB6 | #6F8183 |
18. 紫 II
Click!
![(カラー見本)紫2](https://pasoviva.com/wp-content/uploads/2024/05/18-purple2.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#632E62 | #EAE5EB | #92278F | #9B57D3 | #755DD9 | #665EB8 | #45A5ED | #5982DB |
19. デザート
Click! で グラフSample 開きます!
![(カラー見本)デザート](https://pasoviva.com/wp-content/uploads/2024/05/19-desert.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#775F55 | #EBDDC3 | #94B6D2 | #DD8047 | #A5AB81 | #D8B25C | #7BA79D | #968C8C |
20. ペーパー
Click!
![(カラー見本)ペーパー](https://pasoviva.com/wp-content/uploads/2024/05/20-paper.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#444D26 | #FEFAC9 | #A5B592 | #F3A447 | #E7BC29 | #D092A7 | #9C85C0 | #809EC2 |
21. マーキー
Click!
![(カラー見本)マーキー](https://pasoviva.com/wp-content/uploads/2024/05/21-marky.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#5E5E5E | #DDDDDD | #418AB3 | #A6B727 | #F69200 | #838383 | #FEC306 | #DF5327 |
22. スリップストリーム
Click!
![(カラー見本)スリップストリーム](https://pasoviva.com/wp-content/uploads/2024/05/22-sripstream.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#212745 | #B4DCFA | #4E67C8 | #5ECCF3 | #A7EA52 | #5DCEAF | #FF8021 | #F14124 |
23. シック
Click!
![(カラー見本)シック](https://pasoviva.com/wp-content/uploads/2024/05/23-chic.png)
濃色 2 | 淡色 2 | アクセント 1 | アクセント 2 | アクセント 3 | アクセント 4 | アクセント 5 | アクセント 6 |
#323232 | #E3DED1 | #F07F09 | #9F2936 | #1B587C | #4E8542 | #604878 | #C19859 |