在各种颜色格式之间进行转换(HEX、RGB、HSL),调整颜色属性,查看颜色预览和相关配色方案,检查颜色对比度。
在CSS、HTML和JavaScript中快速转换颜色格式
在不同设计软件间统一颜色标准
确保屏幕显示与印刷色彩一致
检查颜色对比度是否符合可访问性标准
#e91e63
rgb(233, 30, 99)
rgb(76, 175, 80)
hsl(122, 39%, 49%)
hsl(270, 80%, 60%)
#b339f7
使用顶部的颜色选择器可以直观地选择颜色,或者在下方的HEX、RGB、HSL输入框中直接输入颜色代码。
在任一颜色格式输入框中修改值,系统会自动转换为其他格式。支持HEX、RGB、HSL三种常用颜色格式互转。
使用色相、饱和度、明度滑块可以精确调整颜色属性,实时预览调整效果。
右侧预览区显示颜色信息,包括亮度、互补色、反色、CSS名称等,帮助您更好地了解所选颜色。
下方配色方案区域提供基于当前颜色的调色板,点击任一颜色可将其设为当前颜色。
对比度检查区域显示颜色与文本的可访问性对比度,确保符合WCAG标准。