Menu
×
   ❮     
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 主题示例

五渔村

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

蒙特罗索

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

韦尔纳扎

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


创建的主题

正在使用的主题

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>

亲自尝试 »


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.