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)
评论
公告
欢迎光临小站,这里是我日常工作和学习中收集和整理的总结,希望能对你有所帮助:)
本站的内容经过个人加工总结而来,也参考了网友们分享的资料,如有侵权,请第一时间联系我,我将及时进行修改或删除😊
欢迎关注我的微信公众号

本站的内容经过个人加工总结而来,也参考了网友们分享的资料,如有侵权,请第一时间联系我,我将及时进行修改或删除😊
欢迎关注我的微信公众号

目录
最新文章
分类
标签
归档
网站信息
文章数目 :
449
运行时间 :
本站总字数 :
435.8k
本站访客数 :
本站总浏览量 :
最后更新时间 :




