概要
以下画像、Excel でよく使用する標準の “Office テーマ” の配色（アクセント 1 ～ 6）について、Hex / RGB コードをまとめました。テーマカラーを統一したい場合や、デザインに活用したい場合などにお役立てください。
※ Excel のバージョンやテーマ設定によって色味や順序が異なる場合があります。
1. ブルー (Accent 1)
| バリエーション | Hex | RGB |
|---|---|---|
| 明るさ 80% (Lighter 80%) | #D9E2F3 | (217, 226, 243) |
| 明るさ 60% (Lighter 60%) | #B4C6E7 | (180, 198, 231) |
| 明るさ 40% (Lighter 40%) | #8EAADB | (142, 170, 219) |
| メインのアクセント色 (Accent 1) | #5B9BD5 | ( 91, 155, 213) |
| 暗さ 25% (Darker 25%) | #2E75B5 | ( 46, 117, 181) |
| 暗さ 50% (Darker 50%) | #1F4E79 | ( 31, 78, 121) |
2. オレンジ (Accent 2)
| バリエーション | Hex | RGB |
|---|---|---|
| 明るさ 80% (Lighter 80%) | #FCE4D6 | (252, 228, 214) |
| 明るさ 60% (Lighter 60%) | #F8CBAD | (248, 203, 173) |
| 明るさ 40% (Lighter 40%) | #F4B183 | (244, 177, 131) |
| メインのアクセント色 (Accent 2) | #ED7D31 | (237, 125, 49) |
| 暗さ 25% (Darker 25%) | #C55A11 | (197, 90, 17) |
| 暗さ 50% (Darker 50%) | #833C0B | (131, 60, 11) |
3. グレー (Accent 3)
| バリエーション | Hex | RGB |
|---|---|---|
| 明るさ 80% (Lighter 80%) | #E2E2E2 | (226, 226, 226) |
| 明るさ 60% (Lighter 60%) | #D8D8D8 | (216, 216, 216) |
| 明るさ 40% (Lighter 40%) | #BFBFBF | (191, 191, 191) |
| メインのアクセント色 (Accent 3) | #A5A5A5 | (165, 165, 165) |
| 暗さ 25% (Darker 25%) | #7B7B7B | (123, 123, 123) |
| 暗さ 50% (Darker 50%) | #3F3F3F | ( 63, 63, 63) |
4. イエロー (Accent 4)
| バリエーション | Hex | RGB |
|---|---|---|
| 明るさ 80% (Lighter 80%) | #FFF2CC | (255, 242, 204) |
| 明るさ 60% (Lighter 60%) | #FFE599 | (255, 229, 153) |
| 明るさ 40% (Lighter 40%) | #FFD966 | (255, 217, 102) |
| メインのアクセント色 (Accent 4) | #FFC000 | (255, 192, 0) |
| 暗さ 25% (Darker 25%) | #BF8F00 | (191, 143, 0) |
| 暗さ 50% (Darker 50%) | #7F6000 | (127, 96, 0) |
5. 水色 (Accent 5)
| バリエーション | Hex | RGB |
|---|---|---|
| 明るさ 80% (Lighter 80%) | #DBEEF3 | (219, 238, 243) |
| 明るさ 60% (Lighter 60%) | #B7DEE8 | (183, 222, 232) |
| 明るさ 40% (Lighter 40%) | #92D050 | 要検証 |
| メインのアクセント色 (Accent 5) | #5B9BD5 | 要検証 |
| 暗さ 25% (Darker 25%) | #31859B | ( 49, 133, 155) |
| 暗さ 50% (Darker 50%) | #1E5B66 | ( 30, 91, 102) |
6. グリーン (Accent 6)
| バリエーション | Hex | RGB |
|---|---|---|
| 明るさ 80% (Lighter 80%) | #E2EFDA | (226, 239, 218) |
| 明るさ 60% (Lighter 60%) | #C6E0B4 | (198, 224, 180) |
| 明るさ 40% (Lighter 40%) | #A9D08E | (169, 208, 142) |
| メインのアクセント色 (Accent 6) | #70AD47 | (112, 173, 71) |
| 暗さ 25% (Darker 25%) | #548235 | ( 84, 130, 53) |
| 暗さ 50% (Darker 50%) | #375623 | ( 55, 86, 35) |
補足：テキスト/背景 (Dark 1 / Light 1) など
Excel のカラーピッカーでは、アクセント 1 ～ 6 以外にも下記のようなテキスト/背景色が含まれます。
- テキスト/背景 – ダーク 1 (Text/Background - Dark 1)
- テキスト/背景 – ライト 1 (Text/Background - Light 1)
- テキスト/背景 – ダーク 2 / ライト 2 (Dark 2 / Light 2)
これらはバージョンやテーマごとに異なるようなので、記載対象から外します。必要に応じて以下方法でご確認ください。
- 「図形の書式設定」または「セルの塗りつぶしの色」を開く
- [その他の色] から [ユーザー設定] タブへ進む
- そこに表示される RGB 値や 16 進数コードをメモする
まとめ
Officeカラーコードを他のアプリケーションで使用したい場合などにお役立ていただけるかと思います。
以上、参考になれば幸いです！