Verificador de Compatibilidad de Navegador OKLCH
Verifique el soporte de su navegador para el espacio de color OKLCH y funciones CSS modernas. Pruebe la compatibilidad de CSS Color Level 4 incluyendo color-mix(), colores relativos, Display-P3, LAB, LCH y más.
Verificando compatibilidad...
Acerca del Soporte de Navegador OKLCH
OKLCH es parte de la especificación CSS Color Level 4, proporcionando un espacio de color perceptualmente uniforme para diseño web. Esta herramienta verifica el soporte de su navegador para OKLCH y funciones de color modernas relacionadas.
Resumen de Soporte de Navegador
- 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
Mejores Prácticas de Implementación
Al usar OKLCH en producción, siempre proporcione colores de respaldo para navegadores que no lo soporten. Use detección de características CSS con @supports para mejorar progresivamente su experiencia de color.
/* 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);
}
}