Radix Sand 2

Famille de couleurs: Neutres
Premier plan recommandé: #000000

Profil calculé

Ce que disent les chiffres

Avec une teinte de 60°, Radix Sand 2 est une couleur sRGB atténuée, très claire et de tonalité chaude. Sa luminance relative est de 94.67 %. Pour un texte sur ce fond, #000000 offre le meilleur contraste à 19.93:1.

Luminosité HSL: 97%
Saturation HSL: 8%
Luminance relative: 94.67%
Groupe de teinte: chaude

Formats de couleur prêts à copier

Notations CSS équivalentes calculées à partir de la même valeur sRGB à six chiffres, dont l’OKLCH perceptuel.

Contraste du texte sur cette couleur

Les rapports utilisent la luminance relative WCAG. Atteindre un rapport ne certifie pas à lui seul une interface.

Texte blanc1,05:1

AA texte normal: Non conforme
AA grand texte: Non conforme
AAA texte normal: Non conforme
AAA grand texte: Non conforme

Texte noir19,93:1

AA texte normal: Conforme
AA grand texte: Conforme
AAA texte normal: Conforme
AAA grand texte: Conforme

Poursuivre dans le laboratoire de contrasteComparer #F9F9F8 à une autre couleurOuvrez le vérificateur WCAG complet avec cette couleur et le premier plan noir ou blanc offrant le meilleur contraste déjà renseignés.

Teintes et ombres calculées

Les teintes mélangent la couleur au blanc ; les ombres la mélangent au noir en sRGB.

Teintes

Ombres

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.

Variantes d’opacité

HEX à huit chiffres et syntaxe alpha moderne rgb() pour une opacité identique.

20%

40%

60%

80%

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-sand-2-f9f9f8: #F9F9F8;
--color-radix-sand-2-f9f9f8-rgb: 249 249 248;
--color-radix-sand-2-f9f9f8-hsl: 60 8% 97%;
--color-radix-sand-2-f9f9f8-oklch: oklch(98.2% 0.0013 106.42);
color: #000000;
background-color: var(--color-radix-sand-2-f9f9f8);

Relecture communautaire

Proposer une correction

Correction pour Radix Sand 2#F9F9F8

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 Sand de @radix-ui/colors 3.0.0
Licence: MIT License
Version: @radix-ui/colors 3.0.0

Poursuivez avec la collection complète de cette versionExplorer l’échelle Radix Sand

Poursuivre avec une méthode

Replacez cette couleur dans son contexte

Ces guides relus aident à passer d’une valeur isolée à des décisions d’interface accessibles et reproductibles.

10 min de lecture Canaux alpha et opacité des couleurs en CSSLire le guide → 12 min de lecture Comment choisir une couleur de texte lisible sur tout arrière-planLire le guide → 10 min de lecture Comment lire un code couleur HEX à six chiffresLire le guide →