前端与设计
配色、阴影、字体与尺寸规范：前端与设计师的日常小工具。
前端与设计
CSS 圆角生成
可视化调整 border-radius 并生成代码。
打开工具 →
前端与设计
盒子阴影调试
可视化调试 box-shadow 效果。
打开工具 →
前端与设计
文本阴影调试
可视化调试 text-shadow 效果。
打开工具 →
前端与设计
CMYK 对照表
CMYK 与 RGB 颜色对照表。
打开工具 →
前端与设计
中间色计算
计算两种颜色的渐变中间色。
打开工具 →
前端与设计
相反色计算
计算颜色的反色与补色。
打开工具 →
前端与设计
中国传统色
中国传统色彩名称与色值大全。
打开工具 →
前端与设计
网页字体测试
预览 font-family 在不同系统下的渲染效果。
打开工具 →
前端与设计
屏幕 PPI 计算
按分辨率与尺寸计算屏幕 PPI。
打开工具 →
前端与设计
Web 尺寸规范
常见浏览器可视区域与设计尺寸规范。
打开工具 →
前端与设计
KeyCode 对照
键盘按键与 KeyCode 码值对照，支持按键实测。
打开工具 →
前端与设计
前端快捷键
常用编辑器与浏览器调试快捷键速查。
打开工具 →