颜色与 CSS 设计
颜色、色板与对比度工作室
转换颜色模型、创建 CSS 色阶、提取色板，并检查 WCAG 或 APCA 对比度。
查看工具颜色与 CSS 设计
CSS Grid、Flexbox 与流式排版工作室
搭建 CSS 网格、Flexbox 布局、流式字号和响应式间距的原型。
要点
搭建 CSS 网格、Flexbox 布局、流式字号和响应式间距的原型。
核心功能
搭建 CSS 网格、Flexbox 布局、流式字号和响应式间距的原型。
如何使用本工具
- 根据界面提供的选项，输入或导入所需内容。
- 选择适合任务的选项，并检查设置。
- 复制或导出之前，先检查结果。
交互式工作区
通用界面标签在有对应翻译时会显示为本地语言。某些专门字段或消息可能仍为英文；格式名称和代码保持不变。
交互式工作室会在您打开时加载。
隐私与限制
处理方式与网络通信因工具和所用功能而不同。输入敏感数据之前，请阅读工作区中的提示和隐私政策。
功能、格式和实际可处理的文件大小取决于工具、浏览器、可用内存和设备。请保留原始文件，并在使用前检查结果。
相关工具
颜色与 CSS 设计
CSS 渐变、阴影与动画工作室
在预览中制作渐变、阴影、滤镜、变换和 CSS 动画。
查看工具