Una utilidad de color precisa para tu trabajo

Selector de Color en Línea.

Selecciona colores visualmente, desde una imagen, captura o valor numérico. Inspecciona formatos, crea paletas y copia los códigos al instante.

01 / Seleccionar e inspeccionar

Tu espacio de trabajo de color

Todos los campos se mantienen sincronizados. Comienza con el selector visual, escribe un valor o usa los controles para un resultado exacto.

Formatos en vivo

Valores listos para copiar

HEX#FF5A36
RGBrgb(255, 90, 54)
HSLhsl(14, 100%, 61%)
HSVhsv(14, 79%, 100%)
CMYKcmyk(0%, 65%, 79%, 0%)

Historial de color

Colores recientes

Tus colores seleccionados aparecerán aquí.

Relaciones de color

Sombras, tintes y tonos

02 / Muestrear píxeles

Elige cualquier color desde una imagen

Suelta una captura, pega una imagen o selecciona un archivo. La imagen permanece en tu dispositivo mientras inspeccionas cada píxel.

Suelta una imagen aquí

PNG, JPG, GIF o WebP. No se sube nada al servidor.

También puedes pegar directamente desde el portapapeles.

La vista previa de tu imagen aparecerá aquí.

03 / Trabajar con color

Herramientas para la mejor decisión

Conversor de color

Traduce entre formatos

Verificación de accesibilidad

Comprobador de contraste

Aa

Las combinaciones legibles crean mejores interfaces.

18.09:1AAA para texto normal

Armonías

Encuentra una paleta equilibrada

Por qué esta herramienta

Trabajo de color útil, sin rodeos.

01 / Elige

Elige visualmente o escribe valores exactos.

02 / Inspecciona

Compara formatos, relaciones y contraste.

03 / Copia

Lleva el valor o la paleta directo a tu proyecto.

Guía práctica de color

Un selector de color en línea gratis para el diseño diario

Un selector de color en línea debe acelerar tus decisiones creativas, no agregar fricción. OnlineColorPick.com es una herramienta gratuita de selección de color para diseñadores, programadores, artistas, especialistas en marketing y estudiantes. Elige un color visualmente, ingresa un valor exacto o toma muestras de píxeles de cualquier imagen. Obtén al instante códigos HEX, valores RGB, HSL, HSV y CMYK listos para producción.

Este espacio de trabajo está pensado tanto para consultas rápidas como para análisis detallados. El selector visual te ayuda a explorar combinaciones de marca e interfaces, mientras que los campos numéricos facilitan la precisión cuando ya conoces los valores necesarios. Como todos los formatos se mantienen sincronizados, puedes inspeccionar el color en cualquier notación sin cambiar de pestaña.

Elige colores desde fotos, capturas y archivos de imagen

La herramienta incluye un potente extractor de color desde imágenes. Arrastra y suelta un archivo PNG, JPG, GIF o WebP, cárgalo desde tu dispositivo o simplemente pégalo con Ctrl+V. Mueve el cursor por la vista previa con la lupa para examinar píxeles y hacer clic en el tono exacto que buscas.

El procesamiento de imágenes se realiza localmente en tu navegador mediante HTML5 Canvas. Ningún archivo se transmite a servidores externos, garantizando privacidad total para prototipos confidenciales, materiales de clientes y diseños en desarrollo.

Convierte HEX a RGB y otros formatos al instante

Los formatos de color expresan el mismo tono de maneras distintas. HEX es el estándar conciso de CSS y la web. RGB define los canales de rojo, verde y azul para pantallas. HSL describe tono, saturación y luminosidad, ideal para crear variaciones armónicas. HSV y CMYK son fundamentales para diseño digital e impresión.

El conversor integrado te permite verificar equivalencias entre HEX, RGB y HSL al instante, asegurando que tus estilos y tokens de diseño sean precisos y consistentes.

Crea paletas equilibradas y verifica accesibilidad WCAG

Un buen generador de paletas debe ayudarte a comprender la armonía cromática. Nuestra herramienta genera automáticamente sombras, tintes y tonos a partir de tu color seleccionado, junto con esquemas complementarios, análogos y triádicos.

El comprobador de contraste evalúa combinaciones de texto y fondo según las pautas de accesibilidad web WCAG (niveles AA y AAA), asegurando que tus botones, títulos y textos sean legibles para todos los usuarios.

¿Por qué elegir OnlineColorPick.com?

La mejor herramienta de color es aquella rápida, intuitiva y privada. Reúne en un solo lugar selector visual, cuentagotas de fotos, conversor, contraste y exportación sin registros ni publicidad molesta.

Ya sea que necesites un código HEX rápido, extraer la paleta de un logotipo o verificar el contraste de una interfaz en 2026, todo está disponible en tu navegador al instante.

Comienza seleccionando un color o subiendo una imagen de referencia, explora sus valores y exporta la paleta en CSS o JSON para incorporarla de inmediato a tu flujo de trabajo.

El trabajo con color, explicado claramente.

¿Qué es un selector de color en línea?+

Un selector de color en línea permite elegir colores visualmente o mediante valores exactos, inspeccionar sus formatos y copiarlos directamente a tu proyecto.

¿Cómo elijo un color de una imagen?+

Sube, arrastra o pega una imagen en el selector. Pasa el cursor sobre la vista previa para inspeccionar los píxeles con la lupa y haz clic para seleccionarlo.

¿Se sube la imagen a algún servidor?+

No. La decodificación, el muestreo de píxeles y la extracción de paletas se realizan localmente en tu navegador. Tus imágenes nunca salen de tu dispositivo.

¿El selector de color de imagen es gratis?+

Sí. Es completamente gratuito, sin necesidad de registro, instalación ni pagos.

¿Es seguro el selector de color de imagen?+

Sí. Al procesarse localmente en tu navegador, garantizamos total privacidad para tus archivos y proyectos confidenciales.

¿Cómo convierto HEX a RGB?+

Ingresa el código HEX en el conversor. Los valores equivalentes en RGB y HSL se calcularán de manera automática e instantánea.

¿Cuál es una buena relación de contraste?+

Las pautas WCAG recomiendan al menos 4.5:1 para texto normal y 3:1 para texto grande en nivel AA. El nivel AAA exige 7:1 y 4.5:1.

¿Qué es una paleta de colores?+

Una paleta de colores es un conjunto coordinado de tonos utilizados conjuntamente en un diseño: primarios, secundarios, neutros y acentos.

¿Cómo descargo una paleta de colores?+

Tras extraer la paleta de una imagen o generarla, haz clic en "Descargar CSS" o "Descargar JSON" para guardarla lista para tu código.

¿Puedo extraer una paleta de cualquier imagen?+

Puedes extraer paletas de formatos habituales como PNG, JPG, GIF y WebP con total fluidez en tu navegador.

¿Cómo encuentro mi paleta de colores ideal?+

Sube una imagen de inspiración o usa las armonías cromáticas (análogas, complementarias) y sombras para construir una paleta armónica.