Selector de color online: elige y copia el código
Con este selector de color online eliges el tono que necesitas y copias su código al instante en HEX, RGB, HSL y CMYK. Puedes ajustarlo con los controles, usar el selector del sistema, tomar un color de una imagen o usar el cuentagotas de pantalla. Forma parte de nuestras herramientas de color.
Mueve los controles o toma un color de una imagen · Toca un valor para copiarlo · Se calcula en tu navegador, no guardamos nada
Cómo usar el selector de color
Elegir un color es inmediato: ajusta el tono (H) para moverte por el círculo cromático, la saturación (S) para hacerlo más vivo o más gris, y la luminosidad (L) para aclararlo u oscurecerlo. La vista previa y los códigos se actualizan en tiempo real. Cuando tengas el color, toca cualquier valor para copiarlo.
Ejemplo: partiendo de un tono 174°, subir la luminosidad convierte el verde intenso #0D9084 en una versión pastel ideal para fondos suaves.
Selector de color desde una imagen y cuentagotas
Una de las formas más prácticas de usarlo es tomar un color de una imagen: carga una foto, un logotipo o una captura y haz clic sobre el punto exacto para leer su código. Todo el proceso ocurre en tu navegador, sin subir la imagen a ningún sitio. Si tu navegador lo admite, el cuentagotas de pantalla (eyedropper) va un paso más allá y captura el color de cualquier ventana abierta, no solo de esta página.
HEX, RGB, HSL y CMYK: qué código elegir
El selector te da el color en cuatro formatos para que uses el adecuado: HEX y RGB para pantalla y web (modelo aditivo de luz), HSL cuando quieras crear variaciones por tono, saturación y luminosidad, y CMYK como referencia para impresión (modelo sustractivo). Recuerda que la web trabaja en el espacio sRGB y que el CMYK final depende del perfil de la imprenta.
Elegir color con accesibilidad (contraste WCAG)
Nuestro valor diferencial frente a otros selectores: además de darte el código, te ayudamos a elegir con criterio de accesibilidad. Un color de texto solo funciona si contrasta con su fondo; por eso recomendamos comprobar la relación de contraste según las pautas WCAG del W3C (mínimo 4,5:1 para texto normal y 3:1 para texto grande). Si buscas entender o convertir un código concreto, tienes nuestro conversor de código de color. Hemos probado el selector con la selección por controles, desde imagen y con el selector del sistema para asegurar resultados coherentes.
Preguntas frecuentes sobre el selector de color
¿Cómo elijo un color con el selector?
Mueve los controles de tono, saturación y luminosidad hasta dar con el color que buscas, o usa el selector del sistema. La vista previa se actualiza en tiempo real y obtienes el código en HEX, RGB, HSL y CMYK, listo para copiar.
¿Cómo saco un color de una imagen?
Pulsa «Elegir de una imagen», carga tu foto y haz clic sobre el punto cuyo color quieras: el selector lee ese píxel y te da su código al instante. La imagen se procesa en tu navegador y no se sube a ningún servidor.
¿Qué es el cuentagotas (eyedropper) de color?
Es una herramienta que captura el color exacto de cualquier punto de la pantalla. Si tu navegador es compatible, verás el botón «Cuentagotas de pantalla»; al pulsarlo puedes tomar el color de cualquier ventana, no solo de esta página.
¿Puedo obtener el código de color en CMYK?
Sí. Además de HEX, RGB y HSL, el selector muestra una conversión aproximada a CMYK, el modelo que se usa en impresión. Ten en cuenta que la equivalencia exacta depende del perfil de color de la imprenta.
¿El selector de color funciona en el móvil?
Sí. Los controles y la selección desde imagen funcionan en el móvil. El cuentagotas de pantalla, en cambio, depende del navegador y hoy está disponible sobre todo en ordenador.
¿Cómo activo el cuentagotas de color de Chrome o Google?
En el navegador Chrome puedes abrir las herramientas de desarrollador y usar su cuentagotas dentro del selector de color. Para algo más rápido, el botón «Cuentagotas de pantalla» de esta página hace lo mismo cuando está disponible.
Última actualización: 17/09/2026 · Por el equipo de PuntoCálculo