Cómo usar el selector de colores
- Introduce la dirección y pulsa Abrir sitio. Cuando la página haya cargado por completo, vuelve y pulsa Capturar pestaña, o usa la captura automática para que nuestro servidor haga la captura.
- Mueve el ratón sobre la captura. La lupa muestra el píxel exacto y sus valores HEX, RGB y HSL.
- Haz clic para guardar un color en tu paleta y copia cualquier código con un solo clic.
- ¿Ya tienes una captura o un archivo de diseño? Ve a la pestaña Imagen y arrástralo: no se sube nada, todo se queda en tu navegador.
¿Por qué tomar colores de una captura?
Los navegadores no permiten que un sitio lea los píxeles de otro, así que un cuentagotas normal no puede acceder a una página de la que solo tienes el enlace. Capturar la página como imagen lo resuelve: cada píxel, incluidos degradados, fotos y botones, se puede leer.
HEX, RGB y HSL explicados
- HEX
- Un código de seis dígitos como #3B82F6, usado en CSS y en la mayoría de herramientas de diseño.
- RGB
- Valores de rojo, verde y azul de 0 a 255, por ejemplo rgb(59, 130, 246).
- HSL
- Tono (0–360°), saturación y luminosidad en porcentaje: práctico para crear tonos más claros u oscuros.
Preguntas frecuentes
¿Es gratis?
Sí. La herramienta es totalmente gratuita y no necesita cuenta.
¿Por qué no se pudo capturar una página?
La captura automática no puede abrir páginas que requieren iniciar sesión o que bloquean navegadores automáticos. Usa Capturar pestaña: captura la página tal como la ves en tu navegador.
¿Se suben mis imágenes?
No. Las imágenes que abres en la pestaña Imagen se procesan por completo en tu navegador.
¿Por qué un color difiere un poco del valor CSS?
El suavizado de bordes, las sombras y la compresión de imagen pueden alterar ligeramente los píxeles de los bordes. Elige el centro de una zona de color sólido para obtener el resultado más preciso.