La méthode scientifique : Pourquoi HSL ?
De nombreux sélecteurs de couleurs utilisent l'espace RGB, excellent pour les écrans mais peu intuitif pour les humains. Kasuality adopte l'espace HSL (Teinte, Saturation, Luminosité) comme interface de contrôle.
- Hue (Teinte) : L'essence pure de la couleur (ex. 0° est Rouge, 120° est Vert).
- Saturation (Saturation) : L'intensité de la couleur. 100% est vif, 0% est gris.
- Lightness (Luminosité) : La quantité de lumière. Fondamental pour créer des teintes et calculer le contraste.
Grâce à cette approche, Kasuality calcule les harmonies mathématiquement en tournant uniquement sur la valeur H. Cependant, sous le capot, nous avons intégré une innovation fondamentale.
Uniformité Perceptive : L'ADN OKLCH
Tandis que le HSL nous permet de définir la direction créative, notre moteur de rendu utilise l'espace colorimétrique OKLCH. Cela garantit que chaque nuance est perçue avec la même intensité par l'œil humain, corrigeant les distorsions des anciens systèmes.
Natif Wide Gamut (P3)
Conçu pour les écrans modernes. Nous générons des couleurs que les anciens systèmes HEX/RGB ne peuvent pas afficher, tout en maintenant la compatibilité via Progressive Enhancement.
Dégradés Parfaits
L'algorithme OKLCH élimine les "zones mortes" grises au milieu des dégradés, garantissant des transitions fluides et vibrantes qui respectent la physique de la lumière.
Décoder les Harmonies
Dans la section "Harmonie", notre algorithme visualise les relations géométriques sur la roue chromatique :
Complémentaires
Deux couleurs opposées (180° de distance). Créent un contraste visuel maximal et un impact énergétique. Idéales pour les CTA.
Analogues
Couleurs adjacentes sur la roue. Partagent la même "température" émotionnelle et sont très relaxantes pour l'œil.
Triadiques
Trois couleurs équidistantes (120°). Offrent un équilibre vibrant, maintenant l'harmonie et la distinction entre les éléments.
Nombre d'Or
Harmonie basée sur le nombre d'or (φ) et l'angle de ≈ 137.5°. Génère des palettes qui semblent intrinsèquement naturelles et organiques.
Accessibilité Hybride : WCAG 2.1 et APCA
Kasuality ne se limite pas au présent, mais anticipe l'avenir du Web (WCAG 3). Notre moteur de contraste opère sur deux niveaux simultanés :
- Niveau 1 - Standard Légal (WCAG 2.1) : Nous calculons le ratio mathématique classique AA (4.5:1) et AAA (7:1). C'est la norme actuelle requise par la loi.
- Niveau 2 - Science Perceptive (APCA) : Nous intégrons le nouvel algorithme Advanced Perceptual Contrast Algorithm. Contrairement à l'ancien système, l'APCA (valeur $L^c$) considère comment l'œil humain perçoit réellement le texte.
- Simulation : Applique des filtres SVG pour la Protanopie, la Deutéranopie et la Tritanopie, et teste le rendu sous la lumière directe du soleil ou en mode nuit.
Guide des 5 Modes
Architecte de Design Tokens & Export W3C (PRO)
Kasuality ne se contente pas de générer des combinaisons de couleurs visuelles, mais fournit une véritable infrastructure d'ingénierie pour le développement UI. Ce mode transforme votre couleur "Graine" en un Design System Enterprise prêt à l'emploi.
- Rôles Sémantiques : Le moteur calcule automatiquement les nuances parfaites pour l'Action Principale (Primary), le Fond d'Interface (Surface), les Bordures et les états de Succès/Erreur.
- Calcul des États (UX) : Génération mathématique des variantes Hover, Pressed et Disabled en ajustant scientifiquement la luminance et la saturation dans l'espace OKLCH.
- Intégration Enterprise : L'exportation JSON respecte le format standard mondial du W3C Design Tokens Community Group (avec les préfixes
$valueet$type). L'infrastructure est nativement compatible avec Figma Tokens Studio et Style Dictionary.