品牌/顏色
顏色
維基媒體顏色由三個不同的調色板組成:核心調色板,傳統調色板和創意調色板。我們已經用特定值來定義我們的顏色,因此您可以輕鬆地在您的設計中實現它們。
核心調色板
核心調色板包括黑色和白色,以及三種黑色:黑色 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 | - |
For developers
Template, module and gadget developers may find the CSS stylesheet of all the items above.
顏色使用
組合
為了確保您的訊息易於閱讀,不建議在彩色區塊上使用灰色或彩色文字。為了獲得最佳效果,請在使用黑色,如同我們在本頁前面介紹顏色時所做的那樣。您會發現創意調色板中只有紅色、藍色、綠色、深綠色和紫色與白色文字搭配得很好。淺色調色板中的顏色與黑色文字是最好的搭配。這對於讓盡可能多的人輕鬆閱讀文字是非常重要的。
不適用的顏色
基於可訪問性的原因,我們建議避免將創意調色板中的強色和淺色組合在文本上,因為對比度不夠。