Design
图片调色板转设计令牌
从图片中用 k-means 聚类提取主色,导出为 CSS 变量 / SCSS 变量 / Tailwind 配置 / JSON 设计令牌,并自动为每个颜色生成命名色阶
html· HTML 结果打开工具
快速开始
用三种语言从你的代码中调用此工具。
cURL
# 1) Request a presigned URL → returns { uploadUrl, storageKey }
curl -X POST 'https://api.elysiatools.com/api/upload/presign/image-to-design-tokens' \
-H 'Content-Type: application/json' \
-d '{"filename":"image.ext","contentType":"application/octet-stream","size":12345}'
# 2) PUT the file bytes directly to the presigned uploadUrl
curl -X PUT '<presigned uploadUrl>' \
--data-binary @/path/to/file.ext
# 3) Call the tool, passing the returned storageKey for each file field
curl -X POST 'https://api.elysiatools.com/zh/api/tools/image-to-design-tokens' \
-F 'image=uploads/2026/01/01/your-tool-1700000000000-abc123.ext' \
-F 'paletteSize=5' \
-F 'scale=tailwind' \
-F 'format=css' \
-F 'prefix=brand' \
-F 'naming=semantic'