在线颜色值预览工具

关于在线颜色值预览工具介绍：

1、在线颜色值预览工具用于快速预览和转换多种格式的颜色值。您只需在输入框中逐行粘贴或键入颜色代码，点击预览按钮即可直观查看颜色色块，并一键获取不同格式的颜色表示，方便前端开发、设计等场景下进行色彩管理与对比。

2、工具使用说明

• 每行输入一个颜色值，支持十六进制、RGB、HSL、颜色名称等格式。
• 选择所需的显示格式（RAW/HEX/RGB/HSL），点击“点击预览”。
• 预览区会显示色块和转换后的值，点击复制图标可复制该值。
• 可点“演示数据”填入示例，或“清空数据”刷新页面。

3、关于显示格式介绍

• RAW：保持原始输入不转换，直接显示您当初填入的颜色值（如 #ff7a3d、rebeccapurple 等）。
• HEX：将所有有效颜色统一转换为十六进制格式（包含透明度时显示 8 位，如 #ff7a3d 或 #ffc24b88）。
• RGB：转换为 rgb() 或 rgba() 格式（例如 rgb(255, 122, 61)、rgba(255, 194, 75, 0.53)）。
• HSL：转换为 hsl() 或 hsla() 格式（例如 hsl(18, 100%, 62%)、hsla(42, 100%, 65%, 0.53)）。