Lisibilité du texte avec cet arrière-plan — violet #5a0b8e et bleu clair Couleurs #cadbf5

Combinaison de couleurs contrastées d'arrière-plan et de texte pour une bonne lisiblité.

Ceci est un pangramme

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

  • Light
  • Regular
  • Medium
  • Bold
Aa
{{contrast}}:1

{{ textcolor }}

  • RGB {{ toRGB(textcolor) }}
  • CMYK {{ toCMYK(textcolor) }}
  • HSL {{ toHSL(textcolor) }}

{{ bgcolor }}

  • RGB {{ toRGB(bgcolor) }}
  • CMYK {{ toCMYK(bgcolor) }}
  • HSL {{ toHSL(bgcolor) }}

Contraste — {{contrast}}: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

{{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.

Button
Button

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.

Button
Button

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.

Combinaisons similaires 🧁

Bonjour,
quel plaisir de vous revoir !

google login
github white login github black login
yandex login

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

Hi, nous avons besoin de votre aide 💡

Si vous aimez le projet, écrivez un commentaire. Google Form

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