W3.CSS 颜色生成器
使用此颜色生成器，您可以创建自己的私人主题。
在下面的黄色框中输入颜色或从年度颜色中选择一种颜色。
W3.CSS Themes 实例
五渔村
五渔村（五地）是意大利里维埃拉的一部分。海岸线有五个村庄:蒙特罗索、韦尔纳扎、科尔尼利亚、马纳罗拉和里奥马焦雷，是联合国教科文组织世界遗产。
蒙特罗索
Monterosso al Mare 位于拉斯佩齐亚里维埃拉的一个小型天然海湾的中心，受到小型人工礁石的保护。 它是五渔村最北端的村庄。
韦尔纳扎
韦尔纳扎是五渔村地区五个城镇中的另一个。韦尔纳扎是向北走的第四个城镇。 它没有汽车通行，是意大利里维埃拉最真实的"渔村"之一。
创建主题
Theme In Use:
12:30
Movies
+
Frozen
The response to the animations was ridiculous.
Star Wars
People were excited for the new Star Wars movie.
The Avengers
A huge success for Marvel and Disney.
«»
生成的 CSS:
私人主题
使用 W3.CSS，可以很容易地使用私有颜色主题自定义应用程序。
可以在 <link> 标签中链接到私有主题，也可以将私有主题放在 <style> 标签中:
实例
<style>
.w3-theme
{color:#fff !important;background-color:#3f51b5 !important}
.w3-theme-light
{color:#000 !important;background-color:#e8eaf6 !important}
.w3-theme-dark
{color:#fff !important;background-color:#1a237e !important}
.w3-theme-l5
{color:#000 !important;background-color:#e8eaf6 !important}
.w3-theme-l4
{color:#000 !important;background-color:#c5cae9 !important}
.w3-theme-l3
{color:#000 !important;background-color:#9fa8da !important}
.w3-theme-l2
{color:#fff !important;background-color:#7986cb !important}
.w3-theme-l1
{color:#fff !important;background-color:#5c6bc0 !important}
.w3-theme-d1
{color:#fff !important;background-color:#3949ab !important}
.w3-theme-d2
{color:#fff !important;background-color:#303f9f !important}
.w3-theme-d3
{color:#fff !important;background-color:#283593 !important}
.w3-theme-d4
{color:#fff !important;background-color:#1a237e !important}
.w3-theme-action
{color:#fff !important;background-color:#311b92 !important}
.w3-text-theme
{color:#1a237e !important}
</style>
