Selector de color y conversor de códigos
Elige un color o pega un código: conversión al instante a HEX, RGB, HSL y CMYK, cuentagotas de pantalla, tonos y contraste. Gratis, en tu navegador.
- Gratis
- Sin registro
- Sin subir archivos
- Windows, Mac, Android, iPhone
Cargando la herramienta…
Compartir esta herramienta
Acerca de esta herramienta
¿Tienes un código HEX y necesitas RGB para un programa, HSL para una hoja de estilos o CMYK para una imprenta? Elige el color o pega su código: los cuatro formatos aparecen juntos, cada uno con un botón Copiar. El cuentagotas toma un color de cualquier parte de la pantalla.
Cuándo usarla
Pasar de un programa a otro
Un código HEX de una maqueta para escribirlo en RGB en un programa de oficina, o al revés.
Preparar una impresión
Obtén un primer valor CMYK de un color de pantalla, para confirmarlo con la imprenta.
Encontrar un color
Toma con el cuentagotas el color de un logotipo o de una página que aparece en pantalla.
Cómo se usa
- Elige un color en el selector, o pega un código o un nombre de color.
- Lee el color en HEX, RGB, HSL y CMYK.
- Copia el formato que necesitas.
- Usa si hace falta el cuentagotas, los tonos o la comprobación del contraste.
Cómo funciona
Las conversiones se calculan en tu navegador: HSL a partir del tono, la saturación y la luminosidad del color RGB; CMYK con la fórmula teórica, sin perfil ICC. Los nombres CSS («tomato», «navy»…) los lee el motor del navegador.
El cuentagotas usa la API EyeDropper, disponible en Chrome y Edge para ordenador. El contraste con el blanco y el negro sigue la fórmula WCAG 2.
Consejos para un mejor resultado
- Para un texto sobre fondo blanco, busca un contraste de al menos 4,5:1 (nivel AA).
- El HSL facilita las variantes: cambia solo la luminosidad para un tono más claro o más oscuro.
- Para la impresión profesional, usa el perfil CMYK de la imprenta en lugar de una conversión teórica.
- Para combinar varios colores que vayan bien juntos, pasa al generador de paletas.
Problemas frecuentes y soluciones
No aparece el cuentagotas
Solo existe en Chrome y Edge para ordenador. En otros casos, haz una captura y usa «Colores de una imagen».
El CMYK impreso no se parece a la pantalla
La pantalla mezcla luz y la impresora tinta: algunos colores vivos no se pueden imprimir. Pide una prueba a la imprenta.
Mi código no se reconoce
Revisa el formato: #rrggbb, rgb(r, g, b), hsl(t, s%, l%) o cmyk(c%, m%, a%, n%).
Preguntas frecuentes
¿Qué diferencia hay entre HEX y RGB?
Es el mismo color escrito de otra forma: el HEX da los valores de rojo, verde y azul en hexadecimal; el RGB, en números de 0 a 255.
¿Es exacto el CMYK?
Es una conversión teórica. El resultado impreso depende del papel, las tintas y el perfil de la imprenta.
¿Puedo escribir un nombre de color?
Sí, se aceptan todos los nombres CSS: «tomato», «navy», «rebeccapurple»…
¿Cómo tomo un color de la pantalla?
Con el botón del cuentagotas, en Chrome o Edge para ordenador: luego haz clic en cualquier parte de la pantalla.
¿Se envían mis colores?
No, todo se calcula en tu navegador; el último color se queda en tu navegador para la próxima visita.
Búsquedas relacionadas
¿Sigues atascado?
Pregunta en el foro: la categoría, la herramienta, la ficha de tu dispositivo y el resultado de la prueba se rellenan solos.