Générateur de code couleur HEX aléatoire
Générez plusieurs codes couleur hexadécimaux aléatoires d'un coup, avec aperçu visuel, copie individuelle et export en variables CSS.
Comment ça marche
Besoin d'inspiration pour une palette de site web, d'un jeu de couleurs de test pour une maquette, ou simplement d'une couleur au hasard pour un projet créatif ? Choisissez le nombre de couleurs souhaité et générez-les toutes en un clic : chaque pastille affiche son code hexadécimal, copiable individuellement, avec un export groupé en variables CSS pour les intégrer directement dans une feuille de style.
Comment fonctionne un code couleur hexadécimal ?
Un code HEX comme #3a6df0 encode trois valeurs de 0 à 255 (rouge, vert, bleu) converties en base 16, soit deux chiffres hexadécimaux par composante. C'est le format le plus utilisé en CSS et en design web car il est compact et facile à copier-coller.
Puis-je utiliser ces couleurs directement dans mon code CSS ?
Oui : le bouton "Copier en variables CSS" formate automatiquement toutes les couleurs générées en variables personnalisées (--color-1, --color-2, etc.) prêtes à coller dans votre feuille de style.
La génération des couleurs s'effectue entièrement dans votre navigateur via WebAssembly, sans aucune connexion à un serveur externe.