Tanaguru Contrast-Finder

Trouve-moi les bons contrastes, pour l'accessibilité web,
entre ces deux couleurs :

Couleur du texte : couleur invalide Pour chaque couleur (rouge, vert et bleu), indiquer un nombre entre 0 et 255. Rouge : Vert : Bleu : La couleur doit être comprise entre #000000 à #FFFFFF Hexadécimal :

Couleur du fond : couleur invalide Pour chaque couleur (rouge, vert et bleu), indiquer un nombre entre 0 et 255. Rouge : Vert : Bleu : La couleur doit être comprise entre #000000 à #FFFFFF Hexadécimal :

Ratio minimum :

Dans la réglementation internationale établie par les WCAG, le critère de succès 1.4.3 demande pour le texte un rapport de contraste minimum de 4.5:1 (et 3:1 pour le texte agrandi).

Ce rapport de contrast minimum est également exigé par la réglementation française, établie par le RGAA 3.0 2016, dans les critères 3.3 et 3.4.

Composante à modifier :

Modifier la couleur du texte Modifier la couleur du fond

Propose-moi :

les couleurs valides et très proches de la couleur initiale une palette de couleurs valides

Ancien contraste

Contraste invalide
Avant plan	Arrière plan	Exemple	Ratio	Distance
hsl(120, 32%, 40%) rgb(70, 136, 71) #468847	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	3.61029

Nouveau contraste : 22 résultats (1 786 080 couleurs testées)

Contrastes valides
Avant plan	Arrière plan	Exemple	Ratio	Distance
hsl(123, 28%, 36%) rgb(66, 118, 69) #427645	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50074	18.07
hsl(117, 32%, 35%) rgb(62, 119, 60) #3E773C	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50092	18.9
hsl(122, 32%, 35%) rgb(61, 119, 63) #3D773F	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50078	18.33
hsl(125, 44%, 32%) rgb(47, 121, 54) #2F7936	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50059	27.35
hsl(116, 53%, 31%) rgb(42, 122, 37) #2A7A25	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50072	40.0
hsl(119, 50%, 31%) rgb(41, 122, 40) #297A28	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50099	38.47
hsl(122, 50%, 31%) rgb(40, 122, 43) #287A2B	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50078	37.25
hsl(125, 51%, 31%) rgb(39, 122, 46) #277A2E	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50008	36.38
hsl(116, 65%, 29%) rgb(32, 123, 26) #207B1A	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.5001	52.92
hsl(118, 61%, 29%) rgb(31, 123, 29) #1F7B1D	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50048	51.38
hsl(121, 60%, 30%) rgb(30, 123, 32) #1E7B20	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50041	50.07
hsl(125, 62%, 29%) rgb(28, 123, 37) #1C7B25	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50038	48.71
hsl(118, 81%, 26%) rgb(15, 124, 13) #0F7C0D	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50048	71.35
hsl(121, 79%, 27%) rgb(14, 124, 16) #0E7C10	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50044	70.05
hsl(123, 81%, 26%) rgb(13, 124, 19) #0D7C13	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50003	68.93
hsl(122, 81%, 26%) rgb(13, 124, 18) #0D7C12	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.5008	69.51
hsl(124, 82%, 26%) rgb(12, 124, 21) #0C7C15	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50009	68.53
hsl(124, 82%, 26%) rgb(12, 124, 20) #0C7C14	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50093	69.07
hsl(125, 83%, 26%) rgb(11, 124, 22) #0B7C16	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50083	68.74
hsl(120, 17%, 38%) rgb(80, 115, 80) #507350	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50043	19.6
hsl(125, 15%, 38%) rgb(83, 114, 86) #537256	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50057	17.19
hsl(118, 15%, 38%) rgb(84, 114, 83) #547253	hsl(102, 44%, 89%) rgb(223, 240, 216) #DFF0D8	Titre de grande taille avec des mots en gras Ceci est un echantillon de texte avec quelques mots en gras pour illustrer le bon contraste.	4.50093	18.35

Pas satisfait ?

Propose moi une palette de couleurs valides

tanaguru contrast finder

Trouve-moi les bons contrastes, pour l'accessibilité web,
entre ces deux couleurs :

Ancien contraste

Nouveau contraste : 22 résultats (1 786 080 couleurs testées)

Produits

Suivez-nous

Langue :

Trouve-moi les bons contrastes, pour l'accessibilité web,entre ces deux couleurs :

Ancien contraste

Nouveau contraste : 22 résultats (1 786 080 couleurs testées)

Produits

Suivez-nous

Langue :

Trouve-moi les bons contrastes, pour l'accessibilité web,
entre ces deux couleurs :