字体预览

选择本机系统字体、字号和字重，实时预览排版效果。

字体

字号 28px

字重

斜体

床前明月光，疑是地上霜。The quick brown fox 0123456789

提示：预览效果取决于访客设备上安装的字体，跨平台一致性建议使用 Web 字体。

相关工具

取色器

选取或粘贴颜色，HEX、RGB、HSL 格式互转，自动生成同色系色板。

CSS 渐变生成

调两个颜色和角度实时预览 CSS 渐变代码，一键复制。

阴影生成器

拖动滑块调出盒阴影效果，实时预览并生成 CSS 代码。

圆角生成器

四角圆角独立调整实时预览，生成 CSS border-radius 代码。

颜色对比度检测

检查前景色与背景色的 WCAG 对比度，给出 AA/AAA 是否达标，网页无障碍必备。

配色方案生成器

输入主色自动生成互补色、类似色、三角色等配色方案，一键复制色值。