W3.CSS 颜色生成器

使用此颜色生成器,您可以创建自己的私人主题。

在下面的黄色框中输入颜色或从年度颜色中选择一种颜色。

 

W3.CSS Themes 实例

五渔村

五渔村(五地)是意大利里维埃拉的一部分。海岸线有五个村庄:蒙特罗索、韦尔纳扎、科尔尼利亚、马纳罗拉和里奥马焦雷,是联合国教科文组织世界遗产。

蒙特罗索

Monterosso al Mare 位于拉斯佩齐亚里维埃拉的一个小型天然海湾的中心,受到小型人工礁石的保护。 它是五渔村最北端的村庄。

韦尔纳扎

韦尔纳扎是五渔村地区五个城镇中的另一个。韦尔纳扎是向北走的第四个城镇。 它没有汽车通行,是意大利里维埃拉最真实的"渔村"之一。


创建主题

Theme In Use:

12:30

Movies

+
avatar

Frozen

The response to the animations was ridiculous.


Star Wars

People were excited for the new Star Wars movie.


avatar

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>

亲自试一试 »