可视化调节 box-shadow 各参数,实时预览并复制 CSS。
box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.25);
选取或粘贴颜色,HEX、RGB、HSL 格式互转,自动生成同色系色板。
调两个颜色和角度实时预览 CSS 渐变代码,一键复制。
四角圆角独立调整实时预览,生成 CSS border-radius 代码。
预览系统字体效果,字号字重可调,选字体不再靠猜。
检查前景色与背景色的 WCAG 对比度,给出 AA/AAA 是否达标,网页无障碍必备。
输入主色自动生成互补色、类似色、三角色等配色方案,一键复制色值。