Tool Platform
Workspace

色彩工坊

设计工具

色彩工坊

一站式色彩工具箱,提供颜色转换、取色、色盘/配色生成、图片颜色提取与渐变色工具。

本地简单运行
运行方式
本地简单运行
标签
colorhexrgbhslpickerpalettegradientextractorwcagcontrastblindness
工具标识
color-studio
Worker
无需启用
权限
剪贴板

使用指南

开始使用

集成式的色彩工坊,支持在取色器、格式转换、对比度检查、配色方案等多个选项卡之间共享当前的活跃颜色,提供无缝的设计工作流。

使用步骤

  1. 在取色器或格式转换中选定一个颜色,作为活跃颜色。
  2. 切换至色阶、配色或色盲模拟,可看到基于该基色自动计算出的所有相关颜色。
  3. 在对比度或图片颜色提取中,可进一步设计对比度和提取图片色,点击色块即可复制 HEX 色值并将其设为当前活跃颜色。

使用例子

  • 为设计系统生成一组和谐 of 品牌配色方案。
  • 校验文字与背景色在 WCAG 标准下的对比度是否达标。
  • 从产品实物图中提取主色作为主题色彩。

加载中

色彩工坊

工具微前端加载中。

色彩工坊 | Tool Platform