Générateur de couleurs

Choisissez la couleur de votre marque : obtenez une gamme de 10 nuances, vérifiez qu'elle se lit bien sur le noir profond, voyez-la sur de vrais composants et copiez le code.

Couleur de base

Valeur hexadécimale

Gamme générée

Cliquez une nuance pour en faire l'accent. La couleur de base garde sa valeur exacte dans la gamme.

Contrastes

AaMots d'accent sur le fond9.56 : 1AA
AaTexte posé sur l'accent9.56 : 1AA

Aperçu en direct

Votre accent, en situation.

Pilules, mots d'accent, numéros d'étape et contrôles suivent tous la même variable.

Option cochéeNotifications

E-mail

Code

:root {
  --trc-accent: #08c8d8;
  --trc-on-accent: #0b0c0f;
}