🎨 Système de génération automatique de couleurs OKLCH

Presets de couleurs

Configuration de la couleur primaire (OKLCH)

250°
0.65
0.18

Mode de calcul de la couleur accent

Mode de calcul de la couleur secondaire

0.90
0.04

Mode de calcul de la couleur texte

0.15

Mode de calcul de la couleur background

0.95

Roues de couleur

Primaire / Accent

Primaire
Accent (150°)

Secondaire

Primaire
Secondaire ()

Texte

Primaire
Texte ()

Background

Primaire
Background ()

📐 Exemple avec la règle 60/30/10
Mode sombre

Titre de la section

30% - Couleur primaire

Votre couleur primaire est en cours de chargement...

La couleur accent est en cours de chargement...

Neutre
60%
Primaire
30%
Accent
10%

♿ Tests d'accessibilité (WCAG)

⭐ Couleur Primaire

📱 Couleur Secondaire (Plus claire et désaturée)

🎨 Couleur Accent (Complémentaire harmonieuse)

🎨 Background (Très clair et désaturé)

✍️ Texte (Très foncé et désaturé)

ℹ️ Avantages du système OKLCH