Cuatro formatos sincronizados
Pasa con naturalidad entre HEX, RGB, HSL y CMYK sin volver a introducir el mismo color ni depender de valores intermedios redondeados.
Utilidad de diseño · Gratis
Selector y conversor de colores
Pasa de HEX a RGB, HSL y CMYK, comprueba el contraste accesible y convierte un color en una paleta útil.
Los colores se quedan en este navegador
Informar de un problemaColor en vivo
Selección actual
#3159DE
Edita cualquier modelo de color a la derecha. Todos los demás valores y la paleta se actualizan al instante.
Valores de color
Edita en el formato que conoces.
HEX
#3159DERGB
rgb(49, 89, 222)HSL
hsl(226, 72%, 53%)CMYK
cmyk(78%, 60%, 0%, 13%)Paleta armónica
Colores que combinan con #3159DE.
Escala de tonos
Comprobador de contraste
¿Se leen bien juntos?
El veloz murciélago hindú
Previsualiza texto normal y grande sobre el fondo seleccionado.
Relación de contraste
5.81:1
Cumple · AA textoCumple · AA grandeNo cumple · AAA textoCumple · AAA grande
Muestras guardadas
Guardadas solo en este navegador.
Guarda colores útiles de marca, de interfaz o de proyectos para tenerlos a mano en este dispositivo.
Cómo funciona
Un color, todas sus representaciones útiles.
Elige el formato que mejor encaje con tu forma de trabajar. Cada conversión se recalcula a partir del color activo, así que los controles se mantienen predecibles y sincronizados.
- 01
Elige o introduce un color
Usa el selector visual, escribe un valor HEX o edita los canales RGB, HSL o CMYK por separado.
- 02
Usa todos los formatos
Todos los modelos de color se mantienen sincronizados, listos para copiarlos en CSS, software de diseño, documentos o guías de marca.
- 03
Comprueba y exporta
Comprueba el contraste del primer plano, explora colores armónicos y tonos, guarda muestras o exporta la paleta como variables CSS.
Pensado para decisiones de diseño
Conversión, accesibilidad y paletas, todo junto.
Comprobación de contraste WCAG 2.2
Mide la relación de contraste exacta y consulta los resultados AA y AAA para texto normal y grande frente a un segundo color.
Paletas listas para CSS
Explora colores complementarios, análogos y triádicos, genera una escala de tonos, guarda muestras en local y exporta variables CSS.
Preguntas sobre colores
Entiende qué significa cada valor.
¿Cómo convierto HEX a RGB?+
Introduce un color HEX de tres o seis caracteres. Los valores de los canales rojo, verde y azul se actualizan al instante, junto con HSL y CMYK.
¿Qué diferencia hay entre RGB y CMYK?+
RGB mezcla luz roja, verde y azul emitida, pensada para pantallas. CMYK estima los porcentajes de tinta cian, magenta, amarilla y negra para flujos de impresión. El resultado impreso real sigue dependiendo de la impresora y del perfil de color.
¿Qué relación de contraste exige WCAG?+
El nivel AA de WCAG 2.2 exige al menos 4.5:1 para texto normal y 3:1 para texto grande. El nivel AAA usa 7:1 para texto normal y 4.5:1 para texto grande.
¿Se guardan las paletas generadas?+
Solo se guardan en este navegador las muestras que guardas de forma explícita. El color activo y la paleta generada se calculan en local y nunca se suben.
¿Puedo usar los valores CMYK para impresión profesional?+
Úsalos como referencia general de conversión. La impresión profesional requiere un perfil de color ICC, el soporte, la tinta y los ajustes de la prensa, algo que una conversión matemática hecha solo en el navegador no puede modelar.
Más herramientas especializadas, listas cuando las necesites.
Explora una colección cada vez más amplia para cálculos, documentos, escritura y el trabajo diario.