颜色值转换
输入示例(大小写不敏感):
#707B7C#377D62FFrgb(72, 201, 176)rgba(241, 148, 138, 0.5)hsl(204, 70%, 63%)
| 预览 | 格式 | 转换结果 |
|---|
CSS颜色表
HTML 和 CSS 颜色规范中定义了 147 种标准颜色名，包括 17 种基础色和 130 种扩展色。这些颜色名广泛应用于网页设计和前端开发，能够提升代码的可读性和维护性，并确保在不同浏览器和设备上的一致显示。
常见颜色格式： HEX（#RRGGBB）、RGB、RGBA、HSL、HSLA 等。
- HEX：简洁直观，适合大多数场景。
- RGB/RGBA：便于调整透明度，适合需要动态变化的场景。
- HSL/HSLA：更适合色彩调整和动画。
开发建议：
1. 优先使用标准色名或 CSS 变量管理颜色，便于团队协作和主题切换。
2. 选择颜色时注意对比度，确保内容对所有用户都清晰可见，提升无障碍体验。
3. 善用工具辅助选色，避免视觉疲劳和配色失误。
下表列出了所有 CSS 标准颜色及其十六进制值，点击颜色可快速复制其值，助力高效开发。
17 种基础色： aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow。
常见颜色格式： HEX（#RRGGBB）、RGB、RGBA、HSL、HSLA 等。
- HEX：简洁直观，适合大多数场景。
- RGB/RGBA：便于调整透明度，适合需要动态变化的场景。
- HSL/HSLA：更适合色彩调整和动画。
开发建议：
1. 优先使用标准色名或 CSS 变量管理颜色，便于团队协作和主题切换。
2. 选择颜色时注意对比度，确保内容对所有用户都清晰可见，提升无障碍体验。
3. 善用工具辅助选色，避免视觉疲劳和配色失误。
下表列出了所有 CSS 标准颜色及其十六进制值，点击颜色可快速复制其值，助力高效开发。
17 种基础色： aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow。