---
description: 《報導者》的內容產品多元（包含文字、影像、聲音等），透過系統性的色彩規範，能幫助大眾建立清晰明確的印象，並在海量的資訊中達到引導作用。
---

# 色彩 Colours

## 品牌主色

紅色是《報導者》為人所熟悉的主色調，因應不同的排版需求，可使用更多層次的系列色；白色為標誌與內容閱讀的理想背景色，可搭配使用一系列的灰色調。

![](https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mhr7WJgJAYGr6uENvcC%2Fuploads%2FzwpYYgrLPJcUfD5nDCxa%2FTheReporter_color-1-brand.png?alt=media\&token=6dad63c2-1970-49f9-a507-08a325707435)

<table data-header-hidden><thead><tr><th width="150">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriTvGXAWI65N2lcH%2FBrand_faded.png?alt=media&#x26;token=f578c28e-4d9e-4c99-a3ea-ffd8f138782c" alt="" data-size="line"> <strong>Faded</strong></td><td><strong>/</strong></td><td><strong>2, 30, 16, 0</strong></td><td> <strong>244, 198, 198</strong></td><td><strong>#F4C6C6</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriTy2Fn56VLt-s6S%2FBrand_pastel.png?alt=media&#x26;token=fe9b3524-7a03-400b-a6f8-f6831306ceae" alt="" data-size="line"> <strong>Pastel</strong></td><td><strong>/</strong></td><td><strong>0, 71, 38, 0</strong></td><td><strong>247, 105, 119</strong></td><td><strong>#F76977</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriTxdk5sV81Oiuwq%2FBrand_main.png?alt=media&#x26;token=ed08d067-7ce9-4142-bbdd-032390ead93b" alt="" data-size="line"> <strong>Main</strong> </td><td><strong>1795 C/2347U</strong></td><td><strong>0, 95, 79,  0</strong></td><td><strong>248, 11, 40</strong> </td><td><strong>#F80B28</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriTwvZK0SoDmJGDz%2FBrand_heavy.png?alt=media&#x26;token=750b1703-644a-4ca7-b08a-c914252f6888" alt="" data-size="line"> <strong>Heavy</strong> </td><td><strong>7620 C/3546U</strong></td><td><strong>16, 100, 90, 6</strong></td><td><strong>196, 13, 35</strong></td><td><strong>#C40D23</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriTuqJGQPTLPbQgp%2FBrand_dark.png?alt=media&#x26;token=76ef298c-f050-4e06-8316-0a77b2f1410d" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>/</strong></td><td><strong>25, 100, 87, 25</strong></td><td><strong>155, 5, 30</strong></td><td><strong>#9B051E</strong></td></tr></tbody></table>

## 品牌系列色

除了主色系之外，《報導者》的特色內容也應套用專屬色系作為區隔，例如影像報導以及 Podcast 聲音內容。

![](https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mhr7WJgJAYGr6uENvcC%2Fuploads%2FXY5wcsma86SImkjh83dV%2FThe-Regular_color-2-Sub.png?alt=media\&token=2fce66da-6944-4782-8584-7463242bbf51)

<table data-header-hidden><thead><tr><th width="150">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriU4UykTYrbY43dE%2FPodcast_faded.png?alt=media&#x26;token=dae2ba52-fb60-4a78-946c-05aa579e7415" alt="" data-size="line"> <strong>Faded</strong></td><td><strong>/</strong></td><td><strong>27, 0, 21, 0</strong></td><td><strong>196, 242, 220</strong></td><td><strong>#C4F2DC</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriU7yq4xLS_im5PP%2FPodcast_pastel.png?alt=media&#x26;token=ed5eacd7-0ba2-4e87-bade-ea55f2458851" alt="" data-size="line"> <strong>Pastel</strong></td><td><strong>/</strong></td><td><strong>42, 0, 32, 0</strong></td><td><strong>153, 236, 201</strong></td><td><strong>#99ECC9</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriU6WHmiz4Poelle%2FPodcast_main.png?alt=media&#x26;token=fa9e20a3-5b95-4b98-a0e1-ca0feb10cb63" alt="" data-size="line"> <strong>Main</strong> </td><td><strong>570 C</strong></td><td><strong>53, 0, 42, 0</strong></td><td><strong>110, 229, 181</strong></td><td><strong>#6EE5B5</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriU5m48kI0PuwXw0%2FPodcast_heavy.png?alt=media&#x26;token=dab247f5-4c35-41bb-996a-c9e65ec6bffe" alt="" data-size="line"> <strong>Heavy</strong> </td><td><strong>/</strong></td><td><strong>76, 21, 58, 5</strong></td><td><strong>60, 146, 122</strong></td><td><strong>#3C927A</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriU3RwqU5I-hcB_Q%2FPodcast_dark.png?alt=media&#x26;token=d148bd82-af3b-47a1-984a-f95b01708dc3" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>/</strong></td><td><strong>89, 50, 63, 65</strong></td><td><strong>14, 53, 50</strong></td><td><strong>#0E3532</strong></td></tr></tbody></table>



<table data-header-hidden><thead><tr><th width="150">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriTzrtbJGVO8I7Eb%2FPhotography__faded.png?alt=media&#x26;token=2dca3187-ba0b-48f8-a8c8-3a05f333338e" alt="" data-size="line"> <strong>Faded</strong></td><td><strong>/</strong></td><td><strong>36,  0, 3, 0</strong></td><td><strong>171, 222, 244</strong></td><td><strong>#ABDEF4</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriU04tTHcCOxxmmo%2FPhotography__pastel.png?alt=media&#x26;token=8e29de78-ccea-4073-8b75-ed756aa3d9aa" alt="" data-size="line"> <strong>Pastel</strong></td><td><strong>/</strong></td><td><strong>60, 33, 0, 0</strong></td><td><strong>109, 155, 224</strong></td><td><strong>#6D9BE0</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriU2l5x5mXk6MiPD%2FPhotography_main.png?alt=media&#x26;token=eb70830b-5d97-40aa-b5b4-b39dfd18d5ed" alt="" data-size="line"> <strong>Main</strong> </td><td><strong>2387 C</strong></td><td><strong>86, 66, 0, 0</strong></td><td><strong>47, 88, 204</strong> </td><td><strong>#2F58CC</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriU-D2JMHkqVgejr%2FPhotography__heavy.png?alt=media&#x26;token=6638e978-8f2b-46c6-a2af-cf68ad813006" alt="" data-size="line"> <strong>Heavy</strong> </td><td><strong>/</strong></td><td><strong>100, 87, 29, 11</strong></td><td><strong>20, 48, 113</strong></td><td><strong>#143071</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkpqHUVl6AJ46A-9E4V%2F-MkpriU17Hcx6_sQ8Zpt%2FPhotography_dark.png?alt=media&#x26;token=5fc68fea-8fe4-4f7f-8fd0-03cf2c28a200" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>/</strong></td><td><strong>100, 87, 45, 51</strong></td><td><strong>5, 33, 66</strong></td><td><strong>#052142</strong></td></tr></tbody></table>

## 輔助色

除了搶眼的主色之外，也可搭配使用更具功能性的輔助色彩，為品牌形象增添層次感。

![](https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mhr7WJgJAYGr6uENvcC%2Fuploads%2FMO0IuKAeFjEGg4LwnPiN%2FTheReporter_color-3-supportive.png?alt=media\&token=9951b5aa-9e6f-4263-88da-f45caddfa378)

<table data-header-hidden><thead><tr><th width="150">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkptXZvTvBqPcuNEwO4%2F-MkpxP254B0zTk5zkHBy%2FSupport_main.png?alt=media&#x26;token=7534b4ed-cf45-445d-bdf3-8140f947db83" alt="" data-size="line"> <strong>Main</strong></td><td><strong>468</strong> <strong>C</strong></td><td><strong>7, 27, 41, 0</strong></td><td><strong>237, 195, 157</strong></td><td><strong>#EDC39D</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkptXZvTvBqPcuNEwO4%2F-MkpxP23hYTb3CksCkhc%2FSupport__heavy.png?alt=media&#x26;token=6ee1acf5-ebcd-48d8-bf63-3f040f0fc482" alt="" data-size="line"> <strong>Heavy</strong></td><td><strong>/</strong></td><td><strong>30, 44, 69, 24</strong></td><td><strong>158, 122, 78</strong></td><td><strong>#9E7A4E</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkptXZvTvBqPcuNEwO4%2F-MkpxP24J6QfHa5Vl1gB%2FSupport_dark.png?alt=media&#x26;token=d566127a-b821-4d1a-b15e-1d051cade804" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>/</strong></td><td><strong>47, 65, 82, 68</strong></td><td><strong>73, 48, 24</strong></td><td><strong>#493018</strong></td></tr></tbody></table>



![](https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mhr7WJgJAYGr6uENvcC%2Fuploads%2FkDFJjFFfCqrzaZ1l0ac1%2FTheReporter_color-4-neutral.png?alt=media\&token=dfc92a78-3305-42dd-80b3-2ba4e802093a)

<table data-header-hidden><thead><tr><th width="165">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mhr7WJgJAYGr6uENvcC%2Fuploads%2FgHDxtJAkFu5tzoiUaxKm%2FWhite.png?alt=media&#x26;token=a1b90256-5220-4730-a65b-4a48efdb7c5c" alt="" data-size="line"><strong>White</strong></td><td><strong>White</strong></td><td><strong>0, 0, 0, 0</strong></td><td><strong>255, 255, 255</strong></td><td><strong>#FFFFFF</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkptXZvTvBqPcuNEwO4%2F-MkpxP1vuhDBRyoYoaFd%2FGrey_100.png?alt=media&#x26;token=388ee600-2e4f-49ba-b85d-d8606ed52590" alt="" data-size="line"><strong>Gray 100</strong></td><td><strong>5315 C</strong></td><td><strong>0, 0, 0, 5</strong></td><td><strong>241, 241, 241</strong></td><td><strong>#F1F1F1</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkptXZvTvBqPcuNEwO4%2F-MkpxP1wT1UGy6jp95I-%2FGrey_200.png?alt=media&#x26;token=cc406977-c951-4489-9b80-2c29747cc8a4" alt="" data-size="line"><strong>Gray 200</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 11</strong></td><td><strong>226, 226, 226</strong></td><td><strong>#E2E2E2</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkptXZvTvBqPcuNEwO4%2F-MkpxP1xKZMeeYINYsna%2FGrey_300.png?alt=media&#x26;token=efb07cc6-4d21-47a9-88f1-01fac7e98d32" alt="" data-size="line"><strong>Gray 300</strong> </td><td><strong>/</strong></td><td><strong>0, 0, 0, 15</strong></td><td><strong>216, 216, 216</strong></td><td><strong>#D8D8D8</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkptXZvTvBqPcuNEwO4%2F-MkpxP1yAuaUNRKb8LmA%2FGrey_400.png?alt=media&#x26;token=254e06a9-f05c-4cc6-8411-0263cc844987" alt="" data-size="line"><strong>Gray 400</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 20</strong></td><td><strong>205, 205, 205</strong></td><td><strong>#CDCDCD</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkptXZvTvBqPcuNEwO4%2F-MkpxP1zmv5ZRjzITa8Q%2FGrey_500.png?alt=media&#x26;token=7ee189f6-c4bc-48e1-9dce-889840706b98" alt="" data-size="line"><strong>Gray 500</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 39</strong></td><td><strong>156, 156, 156</strong></td><td><strong>#9C9C9C</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkptXZvTvBqPcuNEwO4%2F-MkpxP2-hVZV60NAPPtR%2FGrey_600.png?alt=media&#x26;token=7b515e89-14f8-4fed-98da-6215c98412d6" alt="" data-size="line"><strong>Gray 600</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 50</strong></td><td><strong>128, 128, 128</strong></td><td><strong>#808080</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkptXZvTvBqPcuNEwO4%2F-MkpxP200cp_s4veoMR9%2FGrey_700.png?alt=media&#x26;token=8a19ca07-9615-40c7-916e-e36419805ede" alt="" data-size="line"><strong>Gray 700</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 71</strong></td><td><strong>74, 74, 74</strong></td><td><strong>#4A4A4A</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkptXZvTvBqPcuNEwO4%2F-MkpxP21LnlGYHI5b95v%2FGrey_800.png?alt=media&#x26;token=c2f83813-3518-4279-b41a-9764f35ac8da" alt="" data-size="line"><strong>Gray 800</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 75</strong></td><td><strong>64, 64, 64</strong></td><td><strong>#404040</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-MkptXZvTvBqPcuNEwO4%2F-MkpxP22OrA5KT27pYma%2FGrey_900.png?alt=media&#x26;token=cad4ec9d-e081-4693-8f13-2bb7abdd3a67" alt="" data-size="line"><strong>Gray 900</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 85</strong></td><td><strong>38, 38, 38</strong></td><td><strong>#262626</strong></td></tr><tr><td><img src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mhr7WJgJAYGr6uENvcC%2F-Mkq9uMcI3gLMwvJeTKC%2F-MkqANnsjpbg-aDS_HnQ%2FBlack.png?alt=media&#x26;token=03471a0c-76fa-4cdf-b69d-7dda0624fa92" alt="" data-size="line"><strong>Black</strong></td><td><strong>Black 6 C</strong></td><td><strong>0, 0, 0, 100</strong></td><td><strong>0, 0, 0</strong></td><td><strong>#000000</strong></td></tr></tbody></table>



## Download

{% file src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mhr7WJgJAYGr6uENvcC%2Fuploads%2F6QE9AJeFl7aUtl4CkTyp%2FThe-Repoter_Colour-Library_digital.ase?alt=media&token=289b5584-6b75-4234-8675-6dc0304b05b8" %}

{% file src="https://2117275841-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mhr7WJgJAYGr6uENvcC%2Fuploads%2FapPkhc4uQneKm36qw5Ij%2FThe-Repoter_Colour-Library_print.ase?alt=media&token=4ee53345-8436-494d-add1-74d24d27fd59" %}
