颜色转换器
颜色转换器
输入 CSS 颜色值（例如 #ff6600 或 ff6600），下面的预览将显示该颜色。
Enter a valid CSS color value.
此处将出现颜色样本
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS input
—
为什么使用在线 CSS 颜色检查器？
该工具可帮助您直接在浏览器中快速可视化任何 CSS 颜色值。您可以粘贴设计系统、样式指南或布局中的代码，并立即查看它们在屏幕上的外观。
在准备网站样式、匹配品牌颜色或调试现有布局时使用它。该检查器支持所有标准 CSS 格式，包括 HEX、RGB、RGBA、HSL 和命名颜色。
✓
在样式表或设计系统中使用 CSS 颜色之前先预览它们。
✓
在一处检查 HEX、RGB、RGBA、HSL 和命名颜色值。
✓
对于匹配品牌颜色和调试现有布局很有用。
✓
粘贴颜色值并直接在浏览器中查看示例。
✓
使用预览样本确保解析的颜色与预期的色调相匹配。
✓
当您在 CSS、设计工具和文档之间复制颜色时，转换器会有所帮助。
