Texte blanc4,99:1
- AA texte normal
- Conforme
- AA grand texte
- Conforme
- AAA texte normal
- Non conforme
- AAA grand texte
- Conforme
Retour au catalogue
Couleur sRGB calculée#A7518D
Espace de calcul local
Travaillez avec #A7518D
Consultez les formats équivalents, le contraste du texte, les étapes de palette, les relations de teinte et le CSS prêt à copier pour toute couleur opaque saisie en HEX, RGB, HSL, HWB, OKLCH ou avec un mot-clé CSS.
01
Réglez OKLCH et contrôlez clairement son équivalent sRGB.
Modifiez la clarté perceptuelle, le chroma et la teinte. L’instrument distingue la valeur OKLCH d’origine de l’équivalent sRGB à six chiffres employé dans les autres calculs.
Dans l’espace sRGB Cette valeur ne nécessite aucune adaptation de gamut.
02
Formats de couleur équivalents
Ces notations CSS, dont l’OKLCH perceptuel, sont calculées à partir de la même valeur sRGB normalisée à six chiffres.
03
Contraste du texte noir et blanc
Comparez les rapports de luminance relative WCAG avant de choisir le texte. Atteindre un seuil ne remplace pas la vérification de l’interface complète.
Premier plan recommandé: #FFFFFF · 4,99:1
Texte noir4,20:1
- AA texte normal
- Non conforme
- AA grand texte
- Conforme
- AAA texte normal
- Non conforme
- AAA grand texte
- Non conforme
04
Teintes et ombres calculées
Utilisez ces mélanges sRGB reproductibles comme points de départ, puis vérifiez-les dans le contexte réel de votre interface.
Teintes
Ombres
05
Points de départ sur le cercle chromatique
Ces variantes font pivoter la teinte HSL tout en conservant saturation et luminosité. Ce sont des options mathématiques, pas des recommandations automatiques de design.
06
CSS prêt à copier
Commencez par des propriétés personnalisées pour la couleur normalisée et le premier plan noir ou blanc offrant le meilleur contraste.
--color-hex-a7518d: #A7518D;
--color-hex-a7518d-rgb: 167 81 141;
--color-hex-a7518d-hsl: 318 35% 49%;
--color-hex-a7518d-oklch: oklch(56.1% 0.1349 340.19);
color: #FFFFFF;
background-color: var(--color-hex-a7518d);