前端与设计

颜色转换、CSS 渐变、Box Shadow、Flexbox 预览等前端辅助工具。

• Favicon 生成器 - 一张源图生成多尺寸 favicon.ico 与 PNG，本地 Canvas 处理
• 颜色转换 - HEX / RGB / HSL 互转，含对比度与色卡预览
• CSS 渐变生成 - 可视化生成 linear / radial 渐变 CSS 代码
• Box Shadow 生成 - 可视化调节参数，生成 CSS box-shadow 代码
• Flexbox 演练场 - 可视化调节 flex 属性，实时预览布局并生成 CSS
• SVG 查看与优化 - 安全预览 SVG、查看尺寸信息、生成 Data URI
• 图片转 Base64 - 本地图片转 Data URI / Base64，预览并显示体积变化