Paso a paso
- Elige un color en el selector o arrastra una imagen y haz clic en el punto que quieras.
- En Chrome o Edge de computadora, usa Tomar color de la pantalla para capturarlo de cualquier ventana.
- Revisa los valores HEX, RGB y HSL que aparecen junto a la muestra.
- Haz clic en Copiar en el formato que necesites y pégalo en tu proyecto.
Resumen rápido
| Formato | Ejemplo | Uso principal |
|---|---|---|
| HEX | #0E8FA8 | Páginas web, CSS, Canva y diseño |
| RGB | rgb(14, 143, 168) | Pantallas, gráficos digitales y CSS |
| HSL | hsl(190, 85%, 36%) | Ajustar tono, saturación y brillo en CSS |
Preguntas parecidas
¿Qué es un código de color hexadecimal?
Es un código de seis dígitos, como #0E8FA8, que usan las páginas web y programas de diseño. Cada par de dígitos representa rojo, verde y azul.
¿Cómo saco el código de color de una imagen?
Arrastra la imagen a la herramienta y haz clic en el punto exacto. Aparecerán los códigos HEX, RGB y HSL, además de los colores principales de la foto.
¿Qué formato conviene copiar: HEX, RGB o HSL?
Copia HEX para la mayoría de los programas de diseño y CSS. Usa RGB si necesitas valores separados de rojo, verde y azul, o HSL para variar el brillo.
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 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.