01
Espacio de color perceptual
Trabaja con el espacio de color perceptualmente uniforme de OKLCH para ajustes de color más predecibles y mejor consistencia visual en tus diseños.
Free browser-based OKLCH toolkit
Suite de Herramientas de Color OKLCH
Selector y convertidor de colores profesional para el espacio de color OKLCH moderno. Conversión entre HEX, RGB, HSL, LAB y OKLCH con vista previa en tiempo real y verificación de gama.
Runs entirely in your browser
Copy-ready CSS output
Free to use, no signup
01
Pick and convert colors
Tune OKLCH, then copy HEX, RGB, HSL, LAB, or native OKLCH syntax without leaving the page.
02
Validate contrast early
Check foreground and background pairs before they become UI problems in production.
03
Check gamut and browser support
Understand sRGB, P3, Rec2020, and modern CSS Color 4 support before you ship.
Supported in Chrome 111+, Safari 15.4+, and Firefox 113+
Core Capabilities
Funciones poderosas
Herramientas completas diseñadas para flujos de trabajo de color modernos
Start with direct manipulation, then validate palettes, contrast, gamut, and browser support as the decision becomes production-facing.
02
Conversión de color en tiempo real
Ve conversiones instantáneas entre OKLCH, HEX, RGB, HSL y otros formatos mientras ajustas los colores. Sin retrasos, sin conjeturas.
03
Generación inteligente de paletas
Genera paletas de colores armoniosas usando la precisión matemática de OKLCH. Crea esquemas de color complementarios, análogos y triádicos perfectos.
04
Diseño centrado en la accesibilidad
La verificación de contraste WCAG integrada y la simulación de daltonismo garantizan que tus colores funcionen para todos, haciendo el diseño inclusivo sin esfuerzo.
05
Código CSS listo para copiar
Obtén CSS listo para producción con sintaxis OKLCH moderna, propiedades personalizadas CSS y valores de respaldo para máxima compatibilidad de navegadores.
06
Integración con herramientas de diseño
Exporta colores y paletas directamente a Figma, Sketch, Adobe Creative Suite y sistemas de diseño populares con compatibilidad de un clic.
Blog Articles
Aprende más sobre OKLCH
Profundiza en el espacio de color OKLCH con nuestras guías completas y ejemplos interactivos
View Article LibraryStart HereFundamentals
Entendiendo el espacio de color OKLCH
Descubre los fundamentos de OKLCH y cómo se compara con sistemas de color tradicionales como RGB y HSL, con ejemplos interactivos.
Leer artículo
Fundamentals
6 min de lectura
02CSS
OKLCH en la práctica CSS
Aprende técnicas prácticas para usar OKLCH en tu CSS con ejemplos del mundo real, desde sintaxis básica hasta patrones avanzados.
03Browser Support
Compatibilidad de navegadores 2025
Guía completa sobre soporte de navegadores OKLCH, detección de características y estrategias de mejora progresiva para desarrollo web moderno.
04Palette Design
Dominio de paletas OKLCH
Domina el arte de crear hermosas paletas de colores consistentes usando las ventajas de uniformidad perceptual de OKLCH.
Need To Know
Preguntas frecuentes
Preguntas comunes sobre el selector y convertidor de color OKLCH
These are the questions most visitors ask before they trust a new color workflow with production UI work.
Acerca de Este Sitio
OKLCH.click es un sitio web gratuito para trabajar con colores OKLCH. Todas las herramientas funcionan en tu navegador - no recopilamos ni almacenamos tus datos de color. El sitio está respaldado por anuncios para mantenerlo gratuito para todos.