Design
De paleta de imagem para design tokens
Extrai cores dominantes da imagem por k-means e exporta como variáveis CSS / SCSS / config Tailwind / tokens JSON, com nomes e escala de tons
html· Resultado HTMLAbrir ferramenta
Início rápido
Chame esta ferramenta a partir do seu código em três idiomas.
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/pt/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'