Paso a paso
- Elige un color en el panel o arrastra una imagen al selector en esta página.
- Haz clic en cualquier punto de la foto o usa Tomar color de la pantalla en Chrome o Edge.
- Observa los códigos HEX, RGB y HSL que aparecen para ese color.
- Copia el código y pégalo en tu página web, Canva o programa de diseño.
Resumen rápido
| Función | Qué hace | Cuándo usarla |
|---|---|---|
| Panel de color | Permite ajustar tono y brillo manualmente | Elegir un color desde cero |
| Selector en imagen | Lee el píxel exacto de una foto | Igualar el color de un logo o imagen |
| Cuentagotas de pantalla | Toma un color de cualquier ventana | Capturar un tono de otra aplicación |
Preguntas parecidas
¿Qué es un código hexadecimal?
Es un código de seis dígitos, como #0E8FA8, que usan las páginas web y programas de diseño para representar rojo, verde y azul.
¿Para qué sirve un selector de color en diseño web?
Sirve para mantener la misma paleta exacta en toda una página o marca, copiando el código sin errores.
¿Es igual al selector de color de Google?
Funciona de forma similar para elegir tonos y ver códigos HEX, RGB y HSL, y además te deja tomar colores de imágenes y 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
- 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 sacar la paleta de colores de una imagen
- 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.