HexeesLa couleur numérique, vraiment utile.

Référence couleur#1D211CRadix Olive 12

Référence couleur

Radix Olive 12

Famille de couleurs
Neutres
Premier plan recommandé
#FFFFFF

Profil calculé

Ce que disent les chiffres

Avec une teinte de 108°, Radix Olive 12 est une couleur sRGB atténuée, très sombre et de tonalité froide. Sa luminance relative est de 1.43 %. Pour un texte sur ce fond, #FFFFFF offre le meilleur contraste à 16.32:1.

Luminosité HSL
12%
Saturation HSL
8%
Luminance relative
1.43%
Groupe de teinte
froide

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 blanc16,32:1
AA texte normal
Conforme
AA grand texte
Conforme
AAA texte normal
Conforme
AAA grand texte
Conforme
Texte noir1,29:1
AA texte normal
Non conforme
AA grand texte
Non conforme
AAA texte normal
Non conforme
AAA grand texte
Non conforme
Poursuivre dans le laboratoire de contrasteComparer #1D211C à 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.

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-olive-12-1d211c: #1D211C;
--color-radix-olive-12-1d211c-rgb: 29 33 28;
--color-radix-olive-12-1d211c-hsl: 108 8% 12%;
--color-radix-olive-12-1d211c-oklch: oklch(24.2% 0.0110 139.43);
color: #FFFFFF;
background-color: var(--color-radix-olive-12-1d211c);

Couleurs associées du catalogue

Explorez des couleurs indexables choisies selon la famille, la source commune et la distance sRGB pondérée.
NeutresGris Material 900#212121 Ouvrir la couleur NeutresGris Open Color niveau 9#212529 Ouvrir la couleur NeutresBleu-gris Material 900#263238 Ouvrir la couleur NeutresMarron Material 900#3E2723 Ouvrir la couleur NeutresGris Open Color niveau 8#343A40 Ouvrir la couleur NeutresNoir#000000 Ouvrir la couleur NeutresMarron Material 800#4E342E Ouvrir la couleur NeutresGris Material 800#424242 Ouvrir la couleur NeutresBleu-gris Material 800#37474F Ouvrir la couleur

Relecture communautaire

Proposer une correction

Correction pour Radix Olive 12#1D211C

Vous avez repéré un nom, une explication, une source ou une information d’accessibilité inexacte ? Envoyez une correction concise à notre équipe éditoriale.

De 20 à 2 000 caractères. Texte brut uniquement.

Votre adresse est uniquement conservée avec cette proposition afin qu’un éditeur puisse demander des précisions. Elle n’est jamais publiée.

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.

Licence
MIT License
Version
@radix-ui/colors 3.0.0
Poursuivez avec la collection complète de cette versionExplorer l’échelle Radix Olive

Poursuivre avec une méthode

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 →