Selecciona colores y conviértelos entre HEX, RGB, HSL y OKLCH. Incluye comprobador de contraste WCAG.
Selector de color y conversor online gratis. Convierte HEX, RGB, HSL y OKLCH entre sí. Comprueba ratios de contraste WCAG AA/AAA para accesibilidad.
OKLCH (Lightness, Chroma, Hue) es un espacio de color moderno diseñado para coincidir con la percepción humana. A diferencia de HSL, cambiar el lightness en OKLCH no desplaza el tono percibido. CSS Color 4 lo soporta nativamente; úsalo para paletas accesibles y predecibles.
WCAG 2.1 requiere 4.5:1 para texto normal (AA) o 3:1 para texto grande (18pt+). AAA requiere 7:1 para texto normal. Esta herramienta muestra ambos ratios e indica aprobado/fallo para cada nivel.
HEX es solo una abreviatura de RGB; son el mismo espacio de color. '#ff0000' y 'rgb(255, 0, 0)' son exactamente el mismo rojo. Si se ven distintos, tu navegador o SO está aplicando gestión de color (sRGB → Display P3) a uno de ellos.