Comment utiliser le générateur Dix9 Color ?

Notre outil est super intuitif, mais voici quelques explications pour en maîtriser tout le potentiel et devenir un pro de la couleur !

Générer l'inspiration

La manière la plus simple de commencer est de cliquer sur le bouton Générer (ou simplement d'appuyer sur la barre d'espace de votre clavier). À chaque clic, une nouvelle palette de 5 couleurs harmonieuses apparaît. C'est le mode parfait pour la découverte !

Partir de votre couleur

Vous avez déjà la couleur principale de votre marque ? Parfait !

• Cliquez sur le petit cercle de couleur à côté de "Base".

• Choisissez votre couleur ou entrez directement son code HEX.

• Cliquez ensuite sur Générer : l'outil créera une palette complète autour de votre couleur de base, en respectant l'harmonie sélectionnée.

Maîtriser les harmonies

Les boutons au-dessus de la palette vous permettent de choisir le type d'harmonie colorimétrique. C'est le secret pour obtenir des résultats professionnels !

• Analogue : Des couleurs proches sur le cercle chromatique, pour un résultat doux et cohérent.

• Monochromatique : Différentes teintes d'une seule et même couleur. Idéal pour un design sobre et élégant.

• Complémentaire : Des couleurs opposées qui créent un contraste fort et dynamique. Parfait pour attirer l'attention !

• Triadique : Trois couleurs équidistantes pour une palette riche et équilibrée.

Verrouiller vos pépites

Vous adorez une couleur mais pas les autres ? Cliquez sur l'icône cadenas qui apparaît au survol. Cette couleur sera "verrouillée" et ne changera plus lors de la prochaine génération, forçant l'outil à trouver de nouvelles couleurs qui s'accordent avec elle.

Visualiser en contexte avec l'aperçu

Le bouton Aperçu est la fonctionnalité clé ! Il ouvre une fenêtre qui simule une page web en utilisant votre palette.

Vous pouvez basculer entre un "Fond Clair" et un "Fond Sombre" pour voir comment vos couleurs interagissent dans des conditions réelles. Le titre H1 utilisera toujours votre couleur principale pour un test réaliste.

Exporter et partager

• Exporter : Une fois votre palette parfaite trouvée, cliquez sur Exporter. Le code CSS des couleurs sera copié dans votre presse-papiers, prêt à être collé dans la section "CSS additionnel" de votre thème WordPress.

  :root {
    --color-1: #3bd53b;
    --color-2: #8f152b;
    --color-3: #23f1f9;
    --color-4: #5a8c77;
    --color-5: #483166;
  }
  

• Partager : Cliquez sur Partager pour copier l'URL unique de votre palette. C'est idéal pour la sauvegarder ou l'envoyer à un client pour validation.