Elysia Tools
导航
Validation
验证Hex (#FFF, #RRGGBB)、RGB/RGBA、HSL/HSLA颜色代码的语法正确性
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
颜色代码校验器是一款在线工具，用于快速验证 Hex、RGB/RGBA、HSL/HSLA 等颜色代码的语法是否正确。它能帮助开发者、设计师和内容创作者确保所使用的颜色值格式无误，避免因代码错误导致的样式问题。
背景
设计师从 Figma 中复制了一个颜色值 `#4A90E2`，准备用于网站按钮样式。
问题
不确定复制过来的代码是否完整、格式是否正确。
如何使用
将 `#4A90E2` 粘贴到颜色代码输入框。
结果
工具显示“有效”，确认这是一个正确的 6 位十六进制颜色代码。
背景
开发者在代码中看到一个颜色 `rgb(255, 165, 0)`，但不确定其语法是否被当前环境支持。
问题
需要确认该 RGB 格式书写是否规范。
如何使用
输入 `rgb(255, 165, 0)` 到输入框进行验证。
结果
工具显示“有效”，确认该 RGB 语法正确。
背景
编辑在自定义博客主题时，手动输入了一个颜色 `hsla(120, 100%, 50%, 0.5)`，但样式没有生效。
问题
支持 Hex（如 #FFF、#RRGGBB）、RGB、RGBA、HSL 和 HSLA 格式。
是的，输入颜色代码后，工具会立即进行验证并显示结果。
是的，这是一个完全免费的在线工具。
工具会判断代码整体语法是否有效。对于无效代码，它会指出格式不符合规范，但不会定位到具体字符。
目前每次只能验证一个颜色代码。
怀疑自己输入的颜色代码有误。
如何使用
将 `hsla(120, 100%, 50%, 0.5)` 输入工具进行检查。
结果
工具显示“有效”，表明颜色代码本身无误，问题可能出在其他 CSS 属性或选择器上。