Vérificateur de Compatibilité Navigateur OKLCH
Vérifiez le support de votre navigateur pour l'espace colorimétrique OKLCH et les fonctionnalités CSS modernes. Testez la compatibilité CSS Color Level 4 incluant color-mix(), couleurs relatives, Display-P3, LAB, LCH et plus.
Vérification de la compatibilité...
À propos du Support Navigateur OKLCH
OKLCH fait partie de la spécification CSS Color Level 4, fournissant un espace colorimétrique perceptuellement uniforme pour le design web. Cet outil vérifie le support de votre navigateur pour OKLCH et les fonctionnalités couleur modernes associées.
Aperçu du Support Navigateur
- Chrome/Edge 111+: Full OKLCH support including color-mix() and relative colors
- Safari 15.4+: OKLCH support with progressive enhancements in newer versions
- Firefox 113+: Complete CSS Color Level 4 support including OKLCH
Meilleures Pratiques d'Implémentation
Lors de l'utilisation d'OKLCH en production, fournissez toujours des couleurs de secours pour les navigateurs qui ne le supportent pas. Utilisez la détection de fonctionnalités CSS avec @supports pour améliorer progressivement votre expérience couleur.
/* Provide fallback for older browsers */
.element {
background: #00bca2; /* Fallback */
background: oklch(70% 0.150 180);
}
/* Feature detection with @supports */
@supports (color: oklch(0% 0 0)) {
.element {
background: oklch(70% 0.150 180);
}
}