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.
使用指南
1. 自动检测：打开页面后自动检测您当前浏览器的 OKLCH 支持情况。
2. 功能检查：查看详细的功能支持列表，包括 color-mix()、相对颜色、Display-P3 等。
3. 获取建议：如果不支持某些功能，查看渐进增强建议和回退方案。
4. 了解浏览器支持：查看各浏览器版本对 OKLCH 的支持情况，了解何时可以使用这些功能。
À 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);
}
}