Génère vos palettes de couleurs

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

<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>

                            

<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>

                            

<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>