From Meta, a Wikimedia project coordination wiki
顏色
維基媒體顏色由三個不同的調色板組成:核心調色板,傳統調色板和創意調色板。我們已經用特定值來定義我們的顏色,因此您可以輕鬆地在您的設計中實現它們。
核心調色板
核心調色板包括黑色和白色,以及三種黑色:黑色 25,黑色 50 和黑色 75。黑色和白色是我們的主要顏色,與傳統調色板和創意調色板中的顏色搭配得很好。
維基媒體基金會標誌是黑色或白色。這種方法使其在不同情況下靈活且易於使用。
十六進制代碼
顏色 |
白色 |
黑色 |
黑色 75 |
黑色 50 |
黑色 25
|
十六進制代碼 |
FFFFFF |
000000 |
404040 |
7F7F7F |
BFBFBF
|
傳統調色板
傳統調色板由與維基媒體運動密切相關的三種顏色組成:綠色,藍色和紅色。這可以用作背景顏色,標題或標題顏色,以及品牌服飾。同時,這些顏色有針對可訪問性進行優化的版本,AAA 認可的對比度可與白色組合。
十六進制代碼
顏色 |
綠色 |
藍色 |
紅色 |
綠色 AAA |
藍色 AAA |
紅色 AAA
|
十六進制代碼 |
396 |
0063BF |
900 |
246342 |
0C57A8 |
970302
|
創意調色板
創意調色板包含 11 種顏色,這些顏色源自世界各地社群團體經常使用的顏色,以及廣受喜愛的維基百科20週年生日的顏色。同時,這是為補充傳統和核心調色板而開發的調色板,在需要多種顏色的情況下提供更大的多功能性。此處的紅色,藍色和綠色與舊版調色板略有不同,因為它們已針對 AA 批准進行了調整。
創意調色板包括強烈的顏色和較淺的色調。當需要更微妙的表達時,例如簡報或小冊子的背景顏色,較淺的色調可能很有用。在標誌中不適合使用較淺的顏色,因為它們在我們調色板的一部分不足以被識別。
強烈的顏色
十六進制代碼
顏色 |
紅色 |
粉紅色 |
橘色 |
黄色 |
紫色 |
深綠色
|
十六進制代碼 |
970302 |
E679A6 |
EE8019 |
F0BC00 |
5748B5 |
305D70
|
顏色 |
藍色 |
亮藍色 |
亮黄色 |
綠色 |
亮綠色 |
-
|
十六進制代碼 |
0E65C0 |
049DFF |
E9E7C4 |
308557 |
71D1B3 |
-
|
較淺的色調
十六進制代碼
顏色 |
紅色 |
粉紅色 |
橘色 |
黄色 |
紫色 |
深綠色
|
十六進制代碼 |
E5C0C0 |
F9DDE9 |
FBDFC5 |
FBEEBF |
D5D1EC |
CBD6DB
|
顏色 |
藍色 |
亮藍色 |
亮黄色 |
綠色 |
亮綠色 |
-
|
十六進制代碼 |
C3D8EF |
C0E6FF |
F9F9F0 |
CBE0D5 |
DBF3EC |
-
|
Template, module and gadget developers may find the CSS stylesheet of all the items above.
顏色使用
組合
為了確保您的訊息易於閱讀,不建議在彩色區塊上使用灰色或彩色文字。為了獲得最佳效果,請在使用黑色,如同我們在本頁前面介紹顏色時所做的那樣。您會發現創意調色板中只有紅色、藍色、綠色、深綠色和紫色與白色文字搭配得很好。淺色調色板中的顏色與黑色文字是最好的搭配。這對於讓盡可能多的人輕鬆閱讀文字是非常重要的。
不適用的顏色
基於可訪問性的原因,我們建議避免將創意調色板中的強色和淺色組合在文本上,因為對比度不夠。