CDRN

Generare una palette di colori armoniosi

  • Dashboard
  • Documentazione
  • API
Genera palette di colori armoniose in base al numero di colori desiderato e alla regola di colori scelta, come i colori complementari, analoghi, triadici, ecc.

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>

Esempio di richiesta

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

Schema di input

Campo Tipo Richiesto Predefinito
color_base string ✓ –
quantity integer ✓ –
rules choice (complementary, analogous, triadic, tetradic, monochromatic, shade, split_complementary) ✓ –

Endpoint

  • GET https://cdrn.fr/api/v1/tools - elenca tutti gli strumenti disponibili
  • GET https://cdrn.fr/api/v1/tools/color-generator - recupera lo schema di questo strumento
  • POST https://cdrn.fr/api/v1/tools/color-generator/execute - esegue questo strumento con un payload JSON