颜色选择器
使用上面的调色板,你可以选择和调整喜欢的颜色,获取所选色彩的 16 进制值、RGB 值、HSL 值以及 CMYK 值,并可以将它们相互转换。同时支持生成对应的 HTML、CSS 和 SCSS 样式。
使用上面的调色板,你可以选择和调整喜欢的颜色,获取所选色彩的 16 进制值、RGB 值、HSL 值以及 CMYK 值,并可以将它们相互转换。同时支持生成对应的 HTML、CSS 和 SCSS 样式。
这里例举了一些常用优雅的颜色。如果你需要扁平化的设计风格,打算采用谷歌 Material 设计色彩方案,或者注重网页安全色的使用,可以选择这里的色彩。
| 颜色 | 颜色名 | 16 进制代码 | RGB 值 |
|---|---|---|---|
| 白色 | #FFFFFF | rgb(255, 255, 255) | |
| 银色 | #C0C0C0 | rgb(192, 192, 192) | |
| 灰色 | #808080 | rgb(128, 128, 128) | |
| 黑色 | #000000 | rgb(0, 0, 0) | |
| 红色 | #FF0000 | rgb(255, 0, 0) | |
| 褐红 | #800000 | rgb(128, 0, 0) | |
| 黄色 | #FFFF00 | rgb(255, 255, 0) | |
| 橄榄绿 | #808000 | rgb(128, 128, 0) | |
| 绿黄 | #00FF00 | rgb(0, 255, 0) | |
| 绿色 | #008000 | rgb(0, 128, 0) | |
| 浅绿 | #00FFFF | rgb(0, 255, 255) | |
| 青绿 | #008080 | rgb(0, 128, 128) | |
| 蓝绿 | #0000FF | rgb(0, 0, 255) | |
| 深蓝色 | #000080 | rgb(0, 0, 128) | |
| 紫红色 | #FF00FF | rgb(255, 0, 255)) | |
| 紫色 | #800080 | rgb(128, 0, 128)) |