Selector de Color Gratuito en Línea
Selecciona un color y obtén sus valores HEX, RGB y HSL al instante.
Who uses the Selector de Color?
- Diseñadores web extrayendo códigos HEX exactos de guías de estilo de marca para CSS.
- Desarrolladores convirtiendo entre HEX, RGB, HSL y CMYK para especificaciones de diseño.
- Artistas y artesanos combinando colores de pintura o tela con referencias digitales.
How the Selector de Color works
Haz clic en la muestra de color para abrir el selector de color nativo de tu navegador y seleccionar cualquier tono, saturación y brillo.
O escribe un código HEX conocido (por ejemplo, #3b82f6) en el campo de texto para cargar ese color exacto.
Los valores HEX, RGB, HSL y CMYK se actualizan instantáneamente debajo.
Haz clic en cualquier botón «Copiar» para copiar el valor de ese formato a tu portapapeles.
Tips & tricks
- No hay función de cuentagotas o muestreo de color en pantalla aquí — la selección de color es o bien el diálogo nativo de rueda de color del navegador, o escribir directamente un código HEX.
- No hay generador de paleta, sugerencias complementarias/análogas/triádicas, ni salida de tintes/sombras — esta herramienta solo convierte y muestra un color a la vez.
- No hay un verificador de contraste de accesibilidad/WCAG incorporado — elige tu color aquí, luego verifica el contraste por separado con una herramienta dedicada de verificación de contraste.
- El campo de texto HEX solo acepta un código completo de 6 dígitos (por ejemplo, #3b82f6) — un HEX abreviado de 3 dígitos (como #3bf) no será reconocido.
Frequently Asked Questions
¿Cómo elijo un color de una imagen o mi pantalla?
Esta herramienta no tiene una función de cuentagotas/muestreo de pantalla incorporada — solo ofrece el selector de color nativo de tu navegador (un diálogo de rueda de color/deslizadores) y entrada manual de HEX. Para capturar un color de una imagen existente o tu pantalla, usa la herramienta de selección de color integrada de tu sistema operativo (por ejemplo, Digital Color Meter de macOS, Windows PowerToys Color Picker) o el cuentagotas de las herramientas de desarrollo de tu navegador, luego pega el código HEX resultante aquí.
¿Cuál es la diferencia entre los formatos de color HEX, RGB y HSL?
HEX (#FF5733) es una notación abreviada usada en web/CSS. RGB (255, 87, 51) especifica los componentes rojo, verde, azul de 0 a 255. HSL (11°, 100%, 60%) usa tono, saturación, luminosidad — más intuitivo para ajustes de diseño. Esta herramienta muestra los tres simultáneamente.
¿Qué es CMYK y cuándo lo necesito?
CMYK (Cian, Magenta, Amarillo, Negro) es el modelo de color usado en impresión. Si envías diseños a una imprenta, pide los valores CMYK — los colores de pantalla (RGB/HEX) pueden verse diferentes al imprimirse.
¿Esta herramienta verifica el contraste WCAG o el cumplimiento de accesibilidad?
No — solo convierte y muestra el color que eliges en HEX/RGB/HSL/CMYK. No calcula ratios de contraste contra blanco/negro ni señala aprobación/fallo de WCAG. Para verificar el contraste de accesibilidad, usa una herramienta dedicada de verificación de contraste con tu valor HEX elegido.
¿Puede esta herramienta generar una paleta de colores completa (complementaria, análoga, triádica) a partir de un color?
No — esta herramienta solo convierte y muestra un color seleccionado en diferentes formatos; no genera sugerencias de paleta, tintes o sombras. Para construir una paleta a partir de un color base, usa una herramienta dedicada de generación de paletas de colores.
Is my data safe when using the Selector de Color?
Completely safe. The Selector de Color processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
What image formats does the Selector de Color support?
The Selector de Color works with common image formats supported by your browser, including JPEG, PNG, WebP, and GIF. SVG support varies by tool. No format conversion plugin or driver is needed.
Does the Selector de Color work with large image files?
Yes. The Selector de Color processes files entirely in your browser using the Canvas API. Very large files (over 20 MB) may take a few extra seconds on older or lower-powered devices. Closing other tabs can free up memory for better performance.