Herramienta de color práctica
Convertidor de color HEX, RGB, HSL y OKLCH
Convierte colores entre HEX, RGB, HSL y OKLCH y copia valores listos para CSS y documentación.
Qué ofrece esta página
- Usa el inspector de la home para ver todos los formatos.
- Copia HEX, RGB, HSL, OKLCH o una variable CSS.
- Usa OKLCH para controlar mejor escalas perceptuales.
Bueno para
- CSS
- Documentación design
- Tokens
Cómo usarlo
Generador de paletasCrea paletas accesibles, comprueba contraste WCAG, extrae colores de imágenes y exporta CSS, Tailwind, SCSS, JSON, SVG y PNG.Checker WCAGComprueba el contraste entre texto y fondo según WCAG AA y AAA, prueba pares reales y elige combinaciones legibles.Extractor de imágenesExtrae colores dominantes de imágenes PNG, JPG o WebP en el navegador y conviértelos en paletas y tokens exportables.
¿Puedo usarlo con el generador principal?
Sí. Empieza aquí, abre la herramienta principal de Chromoforge con el mismo color base y exporta la paleta.
¿Por qué un valor cambia un poco tras una conversión de ida y vuelta?
HEX y RGB guardan ocho bits por canal, así que cada canal queda cuantizado en 256 pasos. OKLCH, HSL y LAB son continuos. Convertir de ida y vuelta redondea al byte representable más cercano y puede desplazar un canal en una unidad.
¿Cuándo conviene OKLCH en lugar de HSL?
Siempre que importe la luminosidad percibida. La L de HSL es un valor geométrico, por lo que el amarillo al 50% parece mucho más claro que el azul al 50%. OKLCH es perceptualmente uniforme: pasos iguales de luminosidad se ven iguales en todos los tonos, y eso hace regulares las escalas.