Générateur de combinaisons de couleurs de texte et d'arrière-plan

Ceci est un pangramme

La typographie est connue pour son architecture et requiert une attention particulière.

  • Light
  • Regular
  • Medium
  • Bold
Aa
{{contrast(textcolor,bgcolor)}}:1
Changez la couleur du texte
Couleur aléatoire
Changez la couleur de l'arrière-plan
Couleur aléatoire

Contraste — {{contrast(textcolor,bgcolor)}}:1

Convient pour le titre !
Ne convient pas pour le titre !
AA — 3.1:1
AAA — 4.5:1
Convient pour la description !
Ne convient pas pour la description !
AA — 4.5:1
AAA — 7.1:1

Ici vous pouvez en savoir plus sur les standards de contraste dans l'interface — WCAG

{{textcolor}}


Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

{{bgcolor}}


Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Outils

Bonjour,
quel plaisir de vous revoir !

Mot de passe oublié ?

Indiquez l'adresse courriel que vous avez utilisée lors de la création de votre compte. Vous recevrez les instructions qui vous permettront de modifier votre mot de passe.

Créer un compte

Les mots de passe ne correspondent pas

Découvrez les Gradients de Maillage

Nous avons ajouté un générateur de gradients de maillage et une nouvelle bibliothèque de maillage que vous pouvez enrichir avec vos propres gradients. Maintenant, vous pouvez créer de magnifiques gradients abstraits, les télécharger, copier leurs codes CSS, les enregistrer dans votre tableau de bord personnel et les ajouter à la bibliothèque publique.

Nous ajouterons bientôt un générateur de gradients radiaux !

Dégradés de maillage