Texte blanc5,94:1
- AA texte normal
- Conforme
- AA grand texte
- Conforme
- AAA texte normal
- Non conforme
- AAA grand texte
- Conforme
Référence couleur#60646CRadix Slate 11
Référence couleur
Radix Slate 11
- Famille de couleurs
- Neutres
- Premier plan recommandé
- #FFFFFF
Profil calculé
Ce que disent les chiffres
Avec une teinte de 220°, Radix Slate 11 est une couleur sRGB presque neutre, de luminosité moyenne et de tonalité achromatique. Sa luminance relative est de 12.68 %. Pour un texte sur ce fond, #FFFFFF offre le meilleur contraste à 5.94:1.
- Luminosité HSL
- 40%
- Saturation HSL
- 6%
- Luminance relative
- 12.68%
- Groupe de teinte
- achromatique
02
Formats de couleur prêts à copier
Notations CSS équivalentes calculées à partir de la même valeur sRGB à six chiffres, dont l’OKLCH perceptuel.
03
Contraste du texte sur cette couleur
Les rapports utilisent la luminance relative WCAG. Atteindre un rapport ne certifie pas à lui seul une interface.
Texte noir3,54: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
Les teintes mélangent la couleur au blanc ; les ombres la mélangent au noir en sRGB.
Teintes
Ombres
05
Relations sur le cercle chromatique
Ces couleurs conservent la saturation et la luminosité HSL d’origine tout en faisant pivoter la teinte. Ce sont des points de départ mathématiques, pas des recommandations automatiques de design.
06
Variantes d’opacité
HEX à huit chiffres et syntaxe alpha moderne rgb() pour une opacité identique.
20%
40%
60%
80%
07
Base CSS
Un petit bloc de propriétés personnalisées utilisant le premier plan calculé qui offre le meilleur contraste en noir ou en blanc.
--color-radix-slate-11-60646c: #60646C;
--color-radix-slate-11-60646c-rgb: 96 100 108;
--color-radix-slate-11-60646c-hsl: 220 6% 40%;
--color-radix-slate-11-60646c-oklch: oklch(50.2% 0.0136 264.44);
color: #FFFFFF;
background-color: var(--color-radix-slate-11-60646c);Relecture communautaire
Proposer une correction
Correction pour Radix Slate 11#60646C
Vous avez repéré un nom, une explication, une source ou une information d’accessibilité inexacte ? Envoyez une correction concise à notre équipe éditoriale.
08 / Vérification
Origine des valeurs
Le nom de la couleur et sa valeur HEX sont vérifiés dans la norme citée. RGB, HSL, HWB, luminance et contraste sont ensuite calculés depuis ce HEX avec des formules publiées.
- Source du nom et du HEX
- Échelle Slate de @radix-ui/colors 3.0.0
- Licence
- MIT License
- Version
- @radix-ui/colors 3.0.0
Poursuivre avec une méthode