Images & graphisme

Générateur de palette de couleurs

Choisissez une couleur de base et une harmonie : la palette s’affiche en pastilles HEX et HSL à copier, avec ses variables CSS.

Traitement local · S’adapte à son conteneur · Mis à jour sans toucher à votre code

Configurer le widget Utiliser l’outil complet

Intégrer ce widget

Personnalisez le rendu, vérifiez l’aperçu puis copiez le code.

Aperçu

Type de code d’intégration

Responsive et redimensionné automatiquement par Bethemesh.

Code à copier

<div
  class="bethemesh-widget"
  data-tool="generateur-palette-couleurs"
  data-lang="fr"
  data-theme="auto"
  data-min-height="700"
  data-max-height="1400"
  data-sandbox="allow-scripts allow-same-origin"
  data-allow="clipboard-write"
></div>
<script src="https://bethemesh.com/widgets/v1/bethemesh.js" async></script>
<p style="margin:6px 0 0;font:12px/1.4 system-ui,sans-serif">Outil gratuit proposé par <a href="https://bethemesh.com/fr/outils/generateur-palette-couleurs">Bethemesh</a></p>

La documentation détaille les options, les thèmes, les dimensions et l’intégration dans chaque CMS. Le code fonctionne dans une page HTML, WordPress, Webflow, Wix, React, Vue ou Astro.

Documentation Tous les widgets

Workspace

Personnel

Préférences

Contribuer

À propos

Générateur de palette de couleurs

Intégrer ce widget

Aperçu

Type de code d’intégration

Code à copier

Besoin d’aide pour l’intégration ?