Paso a paso
- Elige un color en el selector o arrastra una imagen o logotipo 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.
- Haz clic en Copiar junto al valor HEX, RGB o HSL.
- Pega el código en tu regla CSS, como color o background-color.
Resumen rápido
| Propiedad CSS | Valor de ejemplo | Para qué se usa |
|---|---|---|
| color | #0E8FA8 | Color de texto e íconos |
| background-color | rgb(14, 143, 168) | Fondo de botones y secciones |
| border-color | hsl(190, 85%, 36%) | Bordes de tarjetas y formularios |
Preguntas parecidas
¿Qué formato de color conviene más en HTML y CSS?
HEX es el formato más corto y habitual en CSS. HSL es útil cuando quieres conservar el tono y variar solo la luminosidad en estados hover.
¿Puedo sacar los colores de una página web desde una captura?
Arrastra la captura a la herramienta y haz clic en cualquier zona para copiar su código. Debajo también verás los colores principales.
¿El código HEX copiado ya incluye el símbolo #?
Sí, se copia con el # al principio, listo para pegar después de los dos puntos en tu CSS.
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 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.