Design
Recupere une URL d’image distante, extrait les couleurs dominantes, exporte des fichiers de palette prets pour le code et affiche les contrastes
Appelez cet outil depuis votre code en trois langages.
curl -X POST 'https://api.elysiatools.com/fr/api/tools/color-palette-extractor-from-image-url' \
-H 'Content-Type: application/json' \
-d '{"imageUrl":"data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221200%22%20height=%22630%22%20viewBox=%220%200%201200%20630%22%3E%3Crect%20width=%221200%22%20height=%22630%22%20fill=%22%232563eb%22/%3E%3Crect%20x=%2270%22%20y=%2270%22%20width=%22360%22%20height=%22490%22%20rx=%2236%22%20fill=%22%23f8fafc%22/%3E%3Crect%20x=%22490%22%20y=%2270%22%20width=%22640%22%20height=%22220%22%20rx=%2232%22%20fill=%22%23111827%22/%3E%3Crect%20x=%22490%22%20y=%22330%22%20width=%22280%22%20height=%22150%22%20rx=%2228%22%20fill=%22%23f59e0b%22/%3E%3Crect%20x=%22810%22%20y=%22330%22%20width=%22320%22%20height=%22150%22%20rx=%2228%22%20fill=%22%2310b981%22/%3E%3C/svg%3E","paletteSize":6,"exportPackageName":"launch-hero-palette"}'Envoyez une requête POST avec vos entrées en JSON. Les paramètres de type fichier nécessitent un upload préalable.
POST https://api.elysiatools.com/fr/api/tools/color-palette-extractor-from-image-url| Nom | Type | Requis | Description |
|---|---|---|---|
| imageUrl | text | Oui | Recupere une image distante, extrait les couleurs dominantes et genere un pack telechargeable |
| paletteSize | number | Non | — |
| exportPackageName | text | Non | — |
Résultat HTML
{
"result": "<div>Processed HTML content</div>",
"error": "Error message (optional)",
"message": "Notification message (optional)",
"metadata": {
"key": "value"
}
}Ajoutez cet outil à votre serveur Model Context Protocol pour que les agents IA puissent le lister et l'appeler.
Ajoutez ce bloc à la configuration de votre client MCP :
{
"mcpServers": {
"elysiatools-color-palette-extractor-from-image-url": {
"name": "color-palette-extractor-from-image-url",
"description": "Recupere une URL d’image distante, extrait les couleurs dominantes, exporte des fichiers de palette prets pour le code et affiche les contrastes",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=color-palette-extractor-from-image-url",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}Après connexion au point d'accès SSE, listez les outils exposés :
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/list"
}Appelez l'outil par son id ; les arguments sont construits à partir de ses paramètres :
{
"jsonrpc": "2.0",
"id": 2,
"method": "tools/call",
"params": {
"name": "color-palette-extractor-from-image-url",
"arguments": {
"imageUrl": "data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221200%22%20height=%22630%22%20viewBox=%220%200%201200%20630%22%3E%3Crect%20width=%221200%22%20height=%22630%22%20fill=%22%232563eb%22/%3E%3Crect%20x=%2270%22%20y=%2270%22%20width=%22360%22%20height=%22490%22%20rx=%2236%22%20fill=%22%23f8fafc%22/%3E%3Crect%20x=%22490%22%20y=%2270%22%20width=%22640%22%20height=%22220%22%20rx=%2232%22%20fill=%22%23111827%22/%3E%3Crect%20x=%22490%22%20y=%22330%22%20width=%22280%22%20height=%22150%22%20rx=%2228%22%20fill=%22%23f59e0b%22/%3E%3Crect%20x=%22810%22%20y=%22330%22%20width=%22320%22%20height=%22150%22%20rx=%2228%22%20fill=%22%2310b981%22/%3E%3C/svg%3E",
"paletteSize": 6,
"exportPackageName": "launch-hero-palette"
}
}
}Des questions ou un problème ? Contactez [email protected]