Générateur de couleur aléatoire : une nouvelle couleur d’un geste
Ce générateur de couleur aléatoire vous propose une nouvelle couleur à chaque fois que vous touchez l’écran. Toute la page prend cette couleur : vous la voyez en grand, et non dans une minuscule pastille. Son code HEX s’affiche en très gros caractères, avec ses valeurs RGB et HSL juste en dessous. C’est gratuit, sans compte ni application à installer, et cela fonctionne dans le navigateur d’un téléphone, d’une tablette ou d’un ordinateur.
Comment utiliser le générateur de couleurs
- Générez. Appuyez sur le bouton Générer, touchez le grand code couleur ou appuyez sur la barre d’espace. La page se remplit d’une nouvelle couleur au hasard.
- Choisissez un style. La phrase propose « n’importe quelle couleur ». Touchez ces mots pour demander plutôt une couleur vive, un pastel ou une couleur sombre.
- Copiez le code. Copiez le code HEX d’un geste et collez-le dans votre logiciel de design, votre code ou un message.
- Revenez en arrière. Vos dernières couleurs s’affichent sous forme de petites pastilles HEX. Touchez-en une pour la retrouver.
- Gardez-la pour le site. Vous avez trouvé une couleur qui vous plaît ? Appuyez sur Garder pour le site : elle devient la couleur de la page sur tous les outils du site, de la roue aléatoire au lancer de dés.
- Utilisez votre voix. Touchez le micro dans l’en-tête et dites « couleur au hasard ».
Le texte reste lisible quelle que soit la couleur. Sur une couleur claire, un texte blanc disparaîtrait : il passe donc à une encre foncée de la même teinte, plutôt qu’à un noir pur.
HEX, RGB et HSL, expliqués simplement
Un écran fabrique toutes ses couleurs en mélangeant de la lumière rouge, verte et bleue. Les trois codes affichés sur la page sont trois façons d’écrire la même couleur.
HEX
Un code HEX (pour hexadécimal) ressemble à #3A7BD5. Après le # viennent trois paires de caractères : une pour le rouge, une pour le vert, une pour le bleu. Chaque paire va de 00 (rien) à FF (le maximum), avec les chiffres 0 à 9 et les lettres A à F. Ainsi, #FF0000 est un rouge pur, #FFFFFF le blanc et #000000 le noir. Les codes HEX sont la façon habituelle d’écrire les couleurs en design web et dans de nombreux logiciels de création.
RGB (ou RVB)
Le RGB, que l’on appelle aussi RVB en français (rouge, vert, bleu), écrit les trois mêmes quantités avec des nombres ordinaires, de 0 à 255. #3A7BD5 devient rgb(58, 123, 213) : un peu de rouge, une dose de vert et beaucoup de bleu, ce qui donne un bleu moyen.
HSL (ou TSL)
Le HSL, ou TSL en français, décrit une couleur comme on a tendance à se la représenter. La teinte est sa position sur le cercle chromatique, de 0 à 360 degrés (0 pour le rouge, 120 pour le vert, 240 pour le bleu). La saturation indique son intensité, de 0 % (gris) à 100 % (couleur pleine). La luminosité va de 0 % (noir) à 100 % (blanc). Les pastels sont clairs et doux, les couleurs sombres ont une faible luminosité, et les couleurs vives sont très saturées.
Combien de couleurs existe-t-il ?
Chacun des trois canaux a 256 valeurs possibles, de 0 à 255. En les multipliant, 256 × 256 × 256, on obtient 16 777 216 couleurs HEX possibles. À raison d’une couleur par seconde, sans pause, il vous faudrait plus de 194 jours pour toutes les voir. Avec autant de possibilités, tomber deux fois de suite sur exactement la même couleur est très peu probable.
Les couleurs sont tirées avec le générateur aléatoire cryptographique de votre navigateur, le même type de source que celui utilisé pour la sécurité. Personne ne les choisit à votre place, et c’est tout l’intérêt : une couleur au hasard peut vous mener vers des associations que vous n’auriez jamais choisies vous-même.
Des idées pour utiliser une couleur au hasard
- Trouver l’inspiration. En panne d’idée pour une palette ? Générez quelques couleurs, copiez celles qui vous plaisent et partez de là. Les options pastel et sombre aident quand vous connaissez déjà l’ambiance recherchée.
- Lancer un défi artistique. Peignez ou dessinez quelque chose avec la couleur qui sort. Associez-la au générateur de mots aléatoires pour trouver un sujet, et le défi est complet.
- Jouer. Citez le plus vite possible un objet de cette couleur, devinez le code HEX avant de regarder, ou laissez la couleur décider quelle équipe commence.
- En classe. Affichez une couleur en plein écran et expliquez comment elle se compose de rouge, de vert et de bleu.
- Changer de look. Donnez au site entier la couleur de votre choix avec Garder pour le site. Pour la changer ensuite, utilisez le bouton rond de couleur en bas à droite de n’importe quelle page.
Vos couleurs et vos réglages sont enregistrés uniquement dans votre navigateur. Rien n’est envoyé à un serveur, et le générateur continue de fonctionner hors connexion une fois la page chargée.