Design
Générez des variations plus foncées d'une couleur en ajoutant du noir, créant des ombres riches pour la profondeur et le contraste dans le design
Appelez cet outil depuis votre code en trois langages.
curl -X POST 'https://api.elysiatools.com/fr/api/tools/color-shade' \
-H 'Content-Type: application/json' \
-d '{"baseColor":"#FF6B6B","shadeMethod":"linear","shadeCount":5,"intensity":0.8,"stepType":"equal","customSteps":"","includeOriginal":true,"showHexCodes":true,"showRgbValues":true,"showHslValues":true,"generatePalette":false}'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-shade| Nom | Type | Requis | Description |
|---|---|---|---|
| baseColor | color | Oui | — |
| shadeMethod | select | Non | — |
| shadeCount | number | Non | Combien de variations d'ombre générer |
| intensity | number | Non | Obscurité maximale (0.1-1.0) |
| stepType | select | Non | — |
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-shade": {
"name": "color-shade",
"description": "Générez des variations plus foncées d'une couleur en ajoutant du noir, créant des ombres riches pour la profondeur et le contraste dans le design",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=color-shade",
"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-shade",
"arguments": {
"baseColor": "#FF6B6B",
"shadeMethod": "linear",
"shadeCount": 5,
"intensity": 0.8,
"stepType": "equal",
"customSteps": "",
"includeOriginal": true,
"showHexCodes": true,
"showRgbValues": true,
"showHslValues": true,
"generatePalette": false
}
}
}| customSteps |
| text |
| Non |
| Valeurs séparées par des virgules (ex: 0.1,0.3,0.5,0.7,0.9) |
| includeOriginal | checkbox | Non | — |
| showHexCodes | checkbox | Non | — |
| showRgbValues | checkbox | Non | — |
| showHslValues | checkbox | Non | — |
| generatePalette | checkbox | Non | — |
Résultat HTML
{
"result": "<div>Processed HTML content</div>",
"error": "Error message (optional)",
"message": "Notification message (optional)",
"metadata": {
"key": "value"
}
}Des questions ou un problème ? Contactez [email protected]