选取或粘贴颜色,HEX、RGB、HSL 互转,自动生成同色系色板。
#336699
rgb(51, 102, 153)
hsl(210, 50%, 40%)
调两个颜色和角度实时预览 CSS 渐变代码,一键复制。
拖动滑块调出盒阴影效果,实时预览并生成 CSS 代码。
四角圆角独立调整实时预览,生成 CSS border-radius 代码。
预览系统字体效果,字号字重可调,选字体不再靠猜。
检查前景色与背景色的 WCAG 对比度,给出 AA/AAA 是否达标,网页无障碍必备。
输入主色自动生成互补色、类似色、三角色等配色方案,一键复制色值。