Générateur de système de couleurs OKLCH

Presets de couleurs

Configuration de la couleur primaire (OKLCH)

Teinte (H) 250°

Luminosité (L) 0.65

Chroma (C) 0.18

Primaire

Accent (150°)

Mode de calcul de la couleur accent

Harmonie de couleur

📐 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%

⭐ Couleur Primaire

🎨 Couleur Accent (Complémentaire harmonieuse)

⚪ Neutral (Gris harmonisé)

✅ Success

⚠️ Warning

❌ Error

ℹ️ Avantages du système OKLCH

Perceptuellement uniforme : Les variations de luminosité et chroma sont perçues de manière constante par l'œil humain
Gamut étendu : Accès à des couleurs plus vives et saturées impossibles en HSL
Contrôle précis : L (luminosité 0-1), C (chroma 0-0.37), H (teinte 0-360°)
Dégradés fluides : Les transitions entre couleurs sont plus naturelles et harmonieuses
Accessibilité améliorée : Meilleur contrôle du contraste et de la lisibilité
Mobile : Affichage réduit aux nuances principales (50-500) pour plus de clarté

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

Presets de couleurs

Configuration de la couleur primaire (OKLCH)

Mode de calcul de la couleur accent

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

Titre de la section

♿ Tests d'accessibilité (WCAG)

⭐ Couleur Primaire

🎨 Couleur Accent (Complémentaire harmonieuse)

⚪ Neutral (Gris harmonisé)

✅ Success

⚠️ Warning

❌ Error

ℹ️ Avantages du système OKLCH

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

Presets de couleurs

Configuration de la couleur primaire (OKLCH)

Mode de calcul de la couleur accent

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

Titre de la section

♿ Tests d'accessibilité (WCAG)

⭐ Couleur Primaire

🎨 Couleur Accent (Complémentaire harmonieuse)

⚪ Neutral (Gris harmonisé)

✅ Success

⚠️ Warning

❌ Error

ℹ️ Avantages du système OKLCH

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