Ancrage exact
La valeur sRGB de repli affichée occupe la luminosité cible la plus proche et reste inchangée.
Retour au catalogue de couleurs
Gamme perceptuelle pour l’interface
Transformez une couleur en système de travail.
Saisissez une valeur HEX, RGB, HSL, HWB, OKLCH ou un nom de couleur CSS. Hexees conserve la couleur source comme niveau d’ancrage le plus proche et construit autour d’elle les niveaux 50–950 en OKLCH.
01 / 11 niveaux mesurés
Une gamme à vérifier, pas seulement à contempler.
Chaque ligne présente la valeur sRGB affichée, sa formule OKLCH et le rapport de contraste du texte noir ou blanc. La valeur sRGB de repli est conservée sans substitution invisible.
02 / Spécimen d’interface
Voyez le système accomplir une tâche.
Le spécimen attribue les niveaux au canevas, à la surface, à la bordure, au texte, au contenu atténué et à une action. C’est une composition de départ, pas une garantie d’accessibilité.
COLOR SYSTEM / #663399
Une couleur à la hiérarchie claire.
Une gamme utile sépare la structure de l’accent avant même l’ajout d’éléments décoratifs.
Examiner le système03 / CSS
Copiez les onze jetons CSS.
L’export utilise des noms stables de 50 à 950 et des valeurs sRGB de repli à six chiffres pour une large compatibilité avec les navigateurs.
:root {
--color-brand-50: #F9F1FF;
--color-brand-100: #EFE0FF;
--color-brand-200: #DDC3FF;
--color-brand-300: #C19DF1;
--color-brand-400: #A579DB;
--color-brand-500: #8957C0;
--color-brand-600: #663399;
--color-brand-700: #552283;
--color-brand-800: #3D0D65;
--color-brand-900: #270045;
--color-brand-950: #120026;
}04 / Méthode et limites
Mesurée, déterministe et transparente sur la gamme chromatique.
Espacement OKLCH
Les niveaux de luminosité cibles partagent la teinte de l’ancrage et modulent le chroma selon une enveloppe de luminosité. Les résultats hors de la gamme sRGB sont adaptés avec l’algorithme CSS Color 4 du projet et sont signalés.
Tests de paires, pas certification
Les rapports avec le noir et le blanc sont calculés pour chaque valeur affichée. Le composant final doit encore être testé pour le texte, les éléments non textuels, les états et les repères de navigation au clavier.