Conversor de colores HEX, RGB, HSL y CMYK

Introduzca un color para obtener sus valores HEX, RGB, HSL y CMYK, su contraste WCAG y una paleta a juego.

Convertir HEX, RGB, HSL y CMYK y medir el contraste WCAG

Un código HEX es la escritura en base 16 de los tres canales RGB (0 a 255): #10B981 equivale a RGB(16, 185, 129), es decir HSL(160°, 84 %, 39 %) y CMYK(91, 0, 30, 27). La herramienta calcula también el contraste con texto blanco o negro según la fórmula WCAG: aquí 8,28:1 con el negro, nivel AAA.

Las conversiones

  • HEX ↔ RGB: cada par de cifras hexadecimales es un canal (10 = 16, B9 = 185, 81 = 129). Se acepta la forma corta #abc.
  • RGB → HSL: la luminosidad es (máx + mín) ÷ 2 de los canales llevados a 0-1, la saturación depende de máx − mín y el tono del canal dominante. Los valores se redondean a la unidad, por lo que una conversión de ida y vuelta puede variar un punto.
  • RGB → CMYK: K = 1 − máx(R, G, B); C = (1 − R − K) ÷ (1 − K), igual para M e Y. Para #10B981: K = 27 %, C = 91 %, M = 0 %, Y = 30 %.

Contraste WCAG

Cada canal se linealiza (c ÷ 12,92 por debajo de 0,04045, si no ((c + 0,055) ÷ 1,055)2,4) y L = 0,2126 R + 0,7152 G + 0,0722 B. El contraste es (Lclara + 0,05) ÷ (Loscura + 0,05). Para #10B981, L = 0,364: 2,54:1 sobre blanco y 8,28:1 sobre negro. La herramienta se queda con el mejor y muestra AAA desde 7:1, AA desde 4,5:1 y, si no, «falla». Son los umbrales del texto normal; el texto grande (18 pt, o 14 pt en negrita) solo exige 3:1 en AA y 4,5:1 en AAA, algo que la herramienta no distingue.

Paleta y límites

La paleta conserva tono y saturación y varía la luminosidad HSL (95, 80, 60, 40 y 20 %). La conversión CMYK es matemática, sin perfil ICC ni límite de tinta: para imprimir, valide los valores con su imprenta. El contraste solo se compara con blanco y negro puros.

Fuentes y fechas: umbrales 4,5:1 y 7:1 (criterios 1.4.3 y 1.4.6) y definición de luminancia relativa de las Web Content Accessibility Guidelines (WCAG) 2.2, recomendación del W3C del 12/12/2024 (verificado el 14/10/2026).

Preguntas frecuentes

¿Qué contraste mínimo exige la norma WCAG?

El nivel AA exige al menos 4,5:1 para texto normal y 3:1 para texto grande (18 pt, o 14 pt en negrita). El nivel AAA sube a 7:1 y 4,5:1. Estos umbrales son los criterios 1.4.3 y 1.4.6 de las WCAG 2.2.

¿Cómo se convierte un código HEX a RGB?

Divida el código en tres pares y pase cada uno de base 16 a base 10: #10B981 da 10 = 16, B9 = 185, 81 = 129, es decir, RGB(16, 185, 129). Una forma corta como #0f8 se lee #00ff88.

¿Es fiable la conversión de RGB a CMYK para imprimir?

Da un orden de magnitud. La fórmula K = 1 − máx(R, G, B) ignora el perfil ICC del papel y la máquina, así que el color impreso puede diferir de la pantalla. Pida a su imprenta los valores adaptados a su perfil.

¿Mi color se lee bien con texto blanco?

Calcule (L clara + 0,05) ÷ (L oscura + 0,05). El verde #10B981 solo alcanza 2,54:1 con blanco, por debajo del umbral AA de 4,5:1, pero 8,28:1 con negro. La herramienta propone automáticamente el color de texto más legible.

¿La herramienta es realmente gratuita?

Sí, todas las herramientas en Kristools son 100% gratuitas y accesibles sin registro.

¿Están protegidos mis datos?

Sí. Todo el procesamiento se realiza de forma segura y directa en tu navegador. No se envían datos personales a nuestros servidores.