菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

W3.CSS 颜色生成器


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

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

 

W3.CSS 主题示例

五渔村

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

Monterosso

蒙特罗索阿尔马雷位于一个小型天然海湾的中心,由一个小人工礁保护,位于拉斯佩齐亚里维埃拉。它是五渔村中最北端的村庄。

Vernazza

韦尔纳扎是五渔村地区的另一个城镇。韦尔纳扎是北行的第四个城镇。它没有汽车交通,是意大利里维埃拉最纯粹的“渔村”之一。


已创建主题

正在使用的主题

12:30

电影

+
avatar

冰雪奇缘

动画的反应是可笑的。


星球大战

人们对新的星球大战电影感到兴奋。


avatar

复仇者联盟

漫威和迪士尼取得了巨大的成功。

«»


生成的 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>

自己试试 »


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持