Convierte colores entre HEX, RGB, HSL y CMYK en tiempo real — directamente en tu navegador.
Escala de tonos
Una rampa de tintes y sombras 50-950 construida a partir del tono y la saturación actuales. Haz clic en cualquier paso para cargarlo.
Armonías de color
Complementario
Análogo
Triádico
Comprobación de contraste (WCAG)
Relación de contraste del color actual sobre texto blanco y negro. AA requiere 4.5:1, AAA requiere 7:1 para texto normal.
AaSobre blanco3.15:1AAAAA
AaSobre negro6.66:1AAAAA
¿Qué es esta herramienta?
Esta herramienta convierte un color entre HEX, RGB, HSL y CMYK en tiempo real mientras editas cualquiera de los cuatro campos, o puedes elegir un color visualmente con el selector nativo o el cuentagotas de tu pantalla (en navegadores compatibles). Toda la conversión ocurre localmente en tu navegador.
Los valores CMYK se calculan con una fórmula simple de RGB a CMYK pensada para referencia en pantalla - para producción de impresión, usa la conversión con perfil de color de tu software de impresión.
Cómo usarlo
Edita directamente el campo HEX, RGB, HSL o CMYK, o usa el selector de color o el cuentagotas.
Los demás formatos se actualizan automáticamente para coincidir.
Copia el valor que necesites con el ícono de copiar junto a cada campo.
Casos de uso comunes
Igualar un color de marca entre formatos - Obtén el equivalente en RGB o HSL de un color de marca en HEX para CSS, herramientas de diseño o especificaciones de impresión.
Elegir un color de una imagen - Usa el cuentagotas de pantalla para tomar una muestra de color de cualquier parte de tu pantalla y obtener su código al instante.
Ajustar la luminosidad o saturación de un color - Edita los valores HSL directamente para afinar un color manteniendo su tono constante.