设计工具 - 在线工具 | 船长工具箱

可视化编辑 CSS 线性渐变与径向渐变效果，实时预览配色方案，一键复制生成代码到项目中直接使用工具

可视化调整 box-shadow 阴影参数，支持多图层叠加效果，轻松创建精致的卡片阴影与悬浮特效，前端利器

可视化调整 border-radius 圆角参数，轻松生成复杂的不规则圆角效果，满足创意设计与 UI 开发需求工具

智能生成和谐统一的配色方案，支持多种配色规则理论，一键导出 CSS 变量代码，大幅提升设计工作效率

在线预览与对比 Google Fonts 字体效果，支持自定义文本内容与字号大小，帮助设计师快速选择合适字体

占位图生成

快速生成指定尺寸与颜色的占位图片，支持自定义文本提示与格式设置，前端开发与原型设计阶段必备工具

功能丰富的在线画板工具，支持画笔、橡皮擦、几何形状和多种颜色选择，随手涂鸦与创意绘画的得力利器

显示器检测

全面检测屏幕坏点、色差、对比度和分辨率等指标，购买新显示器时验机必备的专业级屏幕质量检测工具

精准测量屏幕像素尺寸的在线尺子工具，支持厘米与英寸单位自由切换，UI 设计校对与前端开发必备利器