background preloader

Web Tools

Facebook Twitter

Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy! 250+ Etudiants photos Pexels · Photos gratuites. Popular Color Palettes. Jpeg.io | Convert any major image format into a highly optimized JPEG. Get the Font. Color Explorer • Import colors from image. CSS Gradient Generator | CSS3 Factory. The Toolbox Web. Color Scheme Designer 3. Lorem Ipsum. Lavish - Generate your own Bootstrap color scheme. Contrast Finder, ratio min 4.5, couleurs : texte #FFFFFF, fond #019F53. Contrast Finder, c’est quoi ? Contrast-Finder est un outil qui calcule le contraste entre deux couleurs (arrière-plan et premier plan) et qui vérifie si il est suffisant.

Si ce contraste n’est pas valide, l’outil suggère plusieurs propositions de couleurs alternatives ayant un contraste correct. Contrast-Finder est conçu pour être utilisé par les webdesigners, les développeurs web ou les professionnels de l’accessibilité web afin d’améliorer la lisibilité des pages HTML et des sites web. Aide / Comment utiliser cet outil ? L’interface de Contrast-Finder est un formulaire de cinq champs obligatoires. Premier plan : couleur du texte C’est la couleur du texte. Couleur par mots-clés Exemple : Black, Silver, YellowGreen, MediumPurple. Couleur en hexadécimal Exemple : #AABBCC. Couleur en RGB Exemple : rgb(255,255,255). Arrière-plan : couleur du fond C’est la couleur d’arrière-plan. Ratio minimum Trois valeurs possibles : 3, 4.5 et 7. Comment choisir un ratio ? Niveau AA Niveau AAA Couleur à modifier.