颜色选择器
使用上面的调色板,你可以选择和调整喜欢的颜色,获取所选色彩的 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)) |