Este selector de color empieza con una muestra visual y mantiene los números precisos siempre a mano. Puedes pegar un valor hex de CSS como #3366cc, ajustar los canales rojo, verde, azul y alfa, o afinar matiz, saturación y luminosidad para trabajar con sistemas de diseño. No se suben valores de color - las conversiones se hacen localmente con JavaScript.
Selector de Color Gratis
Funciona del todo en tu navegador: sin subir nada y sin registro.
Seleccionado#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)¿Qué es un selector de color?
Un selector de color es una herramienta para elegir un color digital exacto y copiar sus valores para diseño o código. Usa la muestra, el campo HEX, los controles RGB o los ajustes HSL, y copia al instante valores HEX, RGB, HSL, HSV o CMYK. Todo funciona en tu navegador.
Cómo se usa
- 1Elige o pega un color. Haz clic en la muestra grande para abrir el selector de color del navegador, o pega un valor hex de 3, 4, 6 u 8 dígitos en el campo HEX.
- 2Ajusta los canales. Usa los controles RGB para rojo, verde, azul y alfa, o edita matiz, saturación y luminosidad cuando quieras un control más cómodo para diseño.
- 3Copia el formato que necesitas. Copia HEX, HEX8, RGB, HSL, HSV o CMYK con un clic. La vista previa y todos los resultados se actualizan en vivo.
Para quién es
- Desarrolladores front-end que copian valores HEX, RGB y HSL listos para CSS mientras crean interfaces.
- Diseñadores que ajustan un color de marca por canal en lugar de adivinar dentro de una app gráfica.
- Equipos de marketing que igualan colores de campaña entre editores de email, documentos y piezas para redes.
- Estudiantes y creadores que aprenden cómo RGB, HSL, HSV y CMYK describen el mismo color.
Preguntas frecuentes
¿Este selector de color es gratis?
Sí. El selector de color es gratis, no pide registro y no tiene límite de uso. Abre la página, elige un color y copia el formato que necesitas.
¿Mis colores se suben a algún sitio?
No. El selector y las conversiones se ejecutan en tu navegador con JavaScript simple. Los colores que eliges no se envían a ningún servidor.
¿Qué formatos de color puedo copiar?
Puedes copiar HEX, HEX de 8 dígitos con alfa, RGB o RGBA, HSL o HSLA, HSV y CMYK. La herramienta los mantiene sincronizados mientras editas.
¿Puedo pegar un color hex?
Sí. Pega valores hex de CSS de 3, 4, 6 u 8 dígitos, con o sin el símbolo #. Los valores abreviados se expanden con las reglas normales de CSS.
¿Qué es HEX8?
HEX8 es un color hex de 8 dígitos en el que el último par guarda el alfa. Por ejemplo, #3366cc80 es el mismo azul con cerca de un 50% de opacidad.
¿Conviene usar RGB o HSL en CSS?
Usa RGB cuando necesites valores exactos por canal o alfa con rgba(). Usa HSL cuando quieras crear tintes, sombras o estados de interfaz relacionados cambiando saturación y luminosidad.