Conversor de colores: HEX, RGB, HSL, OKLCH
Convierte cualquier color CSS entre HEX, RGB, HSL, HWB, OKLCH y CMYK, comprueba el contraste WCAG sobre blanco y negro y obtén tintes y sombras a juego.
Cómo funciona
- 1
Pega o escribe tu entrada
Pega texto o código, suelta un archivo en el editor o haz clic en Abrir archivo. Con Cargar ejemplo verás cómo funciona la herramienta.
- 2
Elige las opciones
El resultado se actualiza mientras escribes. Cambia de modo o ajusta las opciones para obtener exactamente lo que necesitas.
- 3
Copia o descarga
Copia el resultado al portapapeles con un clic o descárgalo como archivo.
Por qué PixNudge
Nada sale de tu navegador
Contraseñas, claves de API, tokens, consultas SQL y datos de clientes se procesan en tu dispositivo y nunca se envían a un servidor.
Resultados al instante
Sin subidas ni esperas: los resultados aparecen mientras escribes, incluso con entradas grandes.
Gratis y sin registro
Sin cuenta, sin límites y sin anuncios dentro de las herramientas. Guarda la página en marcadores y úsala cuando la necesites.
Preguntas frecuentes
¿Qué formatos de color puedo introducir?
Cualquiera que tu navegador entienda como color CSS: códigos hexadecimales con o sin #, rgb(), hsl(), hwb(), lab(), lch(), oklch(), color() y los 148 colores con nombre, como rebeccapurple.
¿Qué significan las insignias de contraste?
WCAG 2 exige una relación de contraste de al menos 4,5:1 para texto normal (AA), 3:1 para texto grande y 7:1 para el nivel AAA, más estricto. Las insignias muestran qué niveles supera el color como texto sobre blanco y sobre negro.
¿El valor CMYK está listo para imprimir?
Es una conversión matemática simple, sin perfil de color. Las imprentas usan perfiles como FOGRA o GRACoL, así que consulta a tu imprenta o convierte el color en una herramienta de diseño para obtener colores de impresión exactos.