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.
How to use
Run automatic detection
Open the page and the checker will immediately test your current browser for OKLCH support.
Inspect feature coverage
Review the detailed support list for color-mix(), relative colors, Display-P3, LAB, LCH, and other modern CSS color features.
Read fallback advice
If a feature is missing, check the recommended progressive enhancement and fallback strategies.
Compare browser readiness
Use the support overview to understand which browsers and versions are ready for OKLCH in production.
À 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);
}
}