Todos los formatos desde un solo campo
Los diseñadores entregan valores HEX, el CSS necesita rgb() o hsl(), los design tokens usan cada vez más OKLCH y las imprentas piden CMYK. Escribe el color en cualquier formato que entienda el navegador, incluidos nombres como rebeccapurple, y todos los demás aparecen a la vez, listos para copiar.
OKLCH es un espacio de color perceptual compatible con todos los navegadores modernos: pasos iguales de luminosidad se ven iguales a la vista. Por eso la paleta de tonos de abajo se construye en OKLCH y no mezclando con blanco y negro.
Contraste accesible
El texto debe destacar sobre su fondo para las personas con baja visión. El comprobador calcula la relación de contraste WCAG y muestra si la pareja cumple AA (4,5:1 para texto normal, 3:1 para texto grande) y AAA (7:1 y 4,5:1). Los colores semitransparentes se mezclan primero con el fondo, igual que lo haría el navegador.