Selector de color
Selector de color interactivo — arrastra para seleccionar colores y obtener códigos HEX, RGB, HSL
Cómo usar
- Haga clic en el selector de color de arriba o use el diálogo de color del sistema para elegir un color
- Los códigos HEX, RGB y HSL se actualizarán instantáneamente abajo
- Haga clic en el botón "Copiar" junto a cualquier código para copiarlo al portapapeles
- También puede escribir un código HEX manualmente para actualizar el selector
- Sus últimos 10 colores seleccionados se guardan en el historial para reutilización rápida
Preguntas frecuentes
¿Qué es un selector de color?
Un selector de color es una herramienta interactiva que le permite elegir colores visualmente y obtener los códigos de color correspondientes. Se usa comúnmente en flujos de trabajo de diseño web, diseño de interfaz de usuario y diseño gráfico.
¿Cuál es la diferencia entre HEX, RGB y HSL?
HEX es un código de color hexadecimal (ej., #FF5733), el más usado en CSS. RGB representa colores usando valores de canales rojo, verde y azul (ej., rgb(255, 87, 51)). HSL usa tono, saturación y luminosidad (ej., hsl(11, 100%, 60%)), que es más intuitivo de ajustar.
¿Cómo uso estos códigos de color en CSS?
Los tres formatos se pueden usar directamente en las propiedades color, background-color y otras de CSS. Por ejemplo: color: #FF5733; o color: rgb(255, 87, 51); o color: hsl(11, 100%, 60%);. Todos los navegadores modernos soportan estos tres formatos.