Een harmonieus kleurpalet genereren

bouwt harmonieuze kleurpaletten op gegeven het aantal kleuren en de harmonieregel (complementair, analoog, triadisch, enz.).

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>

                            

Voorbeeldverzoek

curl -X POST https://cdrn.fr/api/v1/tools/color-generator/execute \
  -H "Content-Type: application/json" \
  -d '{"color_base":"...","quantity":1,"rules":"complementary"}'

Invoerschema

Veld Type Vereist Standaard
color_base string
quantity integer
rules choice (complementary, analogous, triadic, tetradic, monochromatic, shade, split_complementary)

Endpoints

  • GET https://cdrn.fr/api/v1/tools - toont alle beschikbare tools
  • GET https://cdrn.fr/api/v1/tools/color-generator - geeft het schema van deze tool terug
  • POST https://cdrn.fr/api/v1/tools/color-generator/execute - voert deze tool uit met een JSON-payload