Generate a harmonious color palette
- Dashboard
- Documentation
- API
Comment utiliser l'outil de génération de palette de couleur ?
Spécifiez le nombre de couleurs souhaité et la règle de couleurs dans le formulaire. Vous pouvez utiliser les palettes générées dans vos projets en suivant l'exemple.
Le premier paramètre définit la couleur principale.
Le second paramètre définit le nombre de couleurs. Notez que selon la règle choisie, le choix de la quantité peut ne pas être pris en compte.
Le troisième paramètre définit la règle de couleurs à utiliser (complémentaires, analogues, triadiques, etc.).
Exemples de Palettes
Palette Monochromatiques
<div class="p-10" style="background-color: #ff5733;"></div>
<div class="p-10" style="background-color: #ffab99;"></div>
<div class="p-10" style="background-color: #ffffff;"></div>
Palette Analogue
<div class="p-10" style="background-color: #ff5733;"></div>
<div class="p-10" style="background-color: #ffbb32;"></div>
<div class="p-10" style="background-color: #dcff32;"></div>
Palette Triadique
<div class="p-10" style="background-color: #ff5733;"></div>
<div class="p-10" style="background-color: #32ff54;"></div>
<div class="p-10" style="background-color: #5432ff;"></div>
Example request
curl -X POST https://cdrn.fr/api/v1/tools/color-generator/execute \
-H "Content-Type: application/json" \
-d '{"color_base":"...","quantity":1,"rules":"complementary"}'
Input schema
| Field | Type | Required | Default |
|---|---|---|---|
color_base |
string | ✓ | – |
quantity |
integer | ✓ | – |
rules |
choice (complementary, analogous, triadic, tetradic, monochromatic, shade, split_complementary) | ✓ | – |
Endpoints
GET https://cdrn.fr/api/v1/tools- lists every available toolGET https://cdrn.fr/api/v1/tools/color-generator- returns the schema for this toolPOST https://cdrn.fr/api/v1/tools/color-generator/execute- runs this tool with a JSON payload