CSS 定义了一大组命名颜色,以便可以更轻松地编写和阅读常用颜色,这里列出了它的颜色名称/Hex rgb/十进制 rgb 数据
Named Colors
颜色列表
颜色 | 颜色名称 | Hex RGB | 十进制 RGB |
---|
HSL 颜色示例
0° Reds
100% | 80% | 60% | 40% | 20% | 0% | |
---|---|---|---|---|---|---|
100% | ||||||
90% | ||||||
80% | ||||||
70% | ||||||
60% | ||||||
50% | ||||||
40% | ||||||
30% | ||||||
20% | ||||||
10% | ||||||
0% |
30° Reds-Yellows (=Oranges)
100% | 80% | 60% | 40% | 20% | 0% | |
---|---|---|---|---|---|---|
100% | ||||||
90% | ||||||
80% | ||||||
70% | ||||||
60% | ||||||
50% | ||||||
40% | ||||||
30% | ||||||
20% | ||||||
10% | ||||||
0% |
60° Yellows
100% | 80% | 60% | 40% | 20% | 0% | |
---|---|---|---|---|---|---|
100% | ||||||
90% | ||||||
80% | ||||||
70% | ||||||
60% | ||||||
50% | ||||||
40% | ||||||
30% | ||||||
20% | ||||||
10% | ||||||
0% |
90° Yellow-Greens
100% | 80% | 60% | 40% | 20% | 0% | |
---|---|---|---|---|---|---|
100% | ||||||
90% | ||||||
80% | ||||||
70% | ||||||
60% | ||||||
50% | ||||||
40% | ||||||
30% | ||||||
20% | ||||||
10% | ||||||
0% |
120° Greens
100% | 80% | 60% | 40% | 20% | 0% | |
---|---|---|---|---|---|---|
100% | ||||||
90% | ||||||
80% | ||||||
70% | ||||||
60% | ||||||
50% | ||||||
40% | ||||||
30% | ||||||
20% | ||||||
10% | ||||||
0% |
150° Green-Cyans
100% | 80% | 60% | 40% | 20% | 0% | |
---|---|---|---|---|---|---|
100% | ||||||
90% | ||||||
80% | ||||||
70% | ||||||
60% | ||||||
50% | ||||||
40% | ||||||
30% | ||||||
20% | ||||||
10% | ||||||
0% |
180° Cyans
100% | 80% | 60% | 40% | 20% | 0% | |
---|---|---|---|---|---|---|
100% | ||||||
90% | ||||||
80% | ||||||
70% | ||||||
60% | ||||||
50% | ||||||
40% | ||||||
30% | ||||||
20% | ||||||
10% | ||||||
0% |
210° Cyan-Blues
100% | 80% | 60% | 40% | 20% | 0% | |
---|---|---|---|---|---|---|
100% | ||||||
90% | ||||||
80% | ||||||
70% | ||||||
60% | ||||||
50% | ||||||
40% | ||||||
30% | ||||||
20% | ||||||
10% | ||||||
0% |
240° blues
100% | 80% | 60% | 40% | 20% | 0% | |
---|---|---|---|---|---|---|
100% | ||||||
90% | ||||||
80% | ||||||
70% | ||||||
60% | ||||||
50% | ||||||
40% | ||||||
30% | ||||||
20% | ||||||
10% | ||||||
0% |
270° Blue-Magentas
100% | 80% | 60% | 40% | 20% | 0% | |
---|---|---|---|---|---|---|
100% | ||||||
90% | ||||||
80% | ||||||
70% | ||||||
60% | ||||||
50% | ||||||
40% | ||||||
30% | ||||||
20% | ||||||
10% | ||||||
0% |
300° Magentas
100% | 80% | 60% | 40% | 20% | 0% | |
---|---|---|---|---|---|---|
100% | ||||||
90% | ||||||
80% | ||||||
70% | ||||||
60% | ||||||
50% | ||||||
40% | ||||||
30% | ||||||
20% | ||||||
10% | ||||||
0% |
330° Magenta-Reds
100% | 80% | 60% | 40% | 20% | 0% | |
---|---|---|---|---|---|---|
100% | ||||||
90% | ||||||
80% | ||||||
70% | ||||||
60% | ||||||
50% | ||||||
40% | ||||||
30% | ||||||
20% | ||||||
10% | ||||||
0% |
另见
- CSS 备忘清单
- Named Colors (w3.org)
评论
公告
欢迎光临小站,这里是我日常工作和学习中收集和整理的总结,希望能对你有所帮助:)
本站的内容经过个人加工总结而来,也参考了网友们分享的资料,如有侵权,请第一时间联系我,我将及时进行修改或删除😊
本站的内容经过个人加工总结而来,也参考了网友们分享的资料,如有侵权,请第一时间联系我,我将及时进行修改或删除😊
目录
最新文章
标签
网站资讯
文章数目 :
437
已运行时间 :
本站总字数 :
431.6k
本站访客数 :
本站总访问量 :
最后更新时间 :