什么是CSS颜色代码生成器？

CSS颜色代码生成器，可将任意颜色转换为所有CSS兼容格式：HEX、RGB、RGBA、HSL、HSLA以及CSS命名颜色。通过可视化选色或输入任意格式，即可立即获取所有其他格式的值。

使用方法

1. 使用可视化取色器选择颜色，或以任意支持的格式（HEX、RGB、HSL）输入色值。
2. 同时查看所有CSS格式下的颜色显示，每种格式均可一键复制。
3. 使用透明度滑块调整不透明度，获取RGBA和HSLA值，然后复制所需的CSS代码。

结果

一位前端开发者选择其品牌橙色#F97316，立即得到rgb(249, 115, 22)、hsl(25, 95%, 53%)以及其他所有格式，可在整个样式表中统一使用。

相关工具