Paso a paso
- Arrastra tu foto o logotipo a la herramienta, o elige un archivo desde tu dispositivo.
- Revisa debajo de la imagen los colores principales detectados automáticamente.
- Haz clic en cualquier parte de la foto si necesitas un tono específico que no esté en la lista principal.
- Copia el código HEX, RGB o HSL para usarlo en tu diseño, sitio web o manual de marca.
Resumen rápido
| Código | Uso recomendado | Ejemplo |
|---|---|---|
| HEX | Páginas web, Canva, Figma y CSS | #0E8FA8 |
| RGB | Pantallas digitales, video y editores de fotos | rgb(14, 143, 168) |
| HSL | Ajustar luminosidad y saturación en CSS | hsl(190, 85%, 36%) |
Preguntas parecidas
¿Puedo tomar un color específico que no salga en la paleta principal?
Sí, haz clic en cualquier punto de la imagen para obtener los códigos HEX, RGB y HSL de ese lugar exacto.
¿Tiene algún costo o requiere registro?
No, es gratis, sin registro y funciona directamente en tu navegador.
¿Puedo tomar un color de otra ventana de mi computadora?
Sí, en Chrome o Edge de computadora puedes usar Tomar color de la pantalla.
Más dudas: selector de color
- Cómo sacar el color de una imagen
- Cómo tomar un color de la pantalla
- ¿Qué es un selector de color?
- Cómo obtener códigos de color hexadecimal, RGB y HSL
- Cómo elegir colores para HTML y CSS
- Cómo usar un selector de color en Windows
- Cómo usar el selector de color en Mac
- Cómo usar el selector de color para Canva
- Cómo usar el selector de color en Photoshop
- Cómo usar el selector de color en Word y Excel
- Cómo usar el selector de color en Paint
- Cómo usar el selector de color en el celular
Abrir la herramienta completa: selector de color →
Actualizado el 14 de noviembre de 2026.