Selector de Color
Selecciona cualquier color con un lienzo de degradado, control de tono y alfa. Obtén valores en HEX, RGB, HSL y CMYK al instante. Gratis, en tu navegador.
Referencia
¿Qué es un selector de color?
Un selector de color es una herramienta visual que permite elegir cualquier color de un lienzo de degradado y obtener su representación numérica exacta. Los colores se expresan en múltiples modelos de color: HEX (estándar web, ej., #B7522A), RGB (rojo/verde/azul, usado en pantallas), HSL (tono/saturación/luminosidad, intuitivo para diseño) y CMYK (cian/magenta/amarillo/negro, usado en impresión). Convertir entre modelos es esencial para garantizar colores consistentes entre pantallas digitales y materiales impresos.
Formatos de color
HEX — Notación hexadecimal de seis caracteres (#RRGGBB) ampliamente usada en CSS y diseño web. Un canal alfa opcional añade dos dígitos más (#RRGGBBAA).
RGB — Tres canales (Rojo, Verde, Azul) de 0 a 255. El estándar para pantallas digitales y CSS: rgb(183, 82, 42).
HSL — Tono (0°–360°), Saturación (0%–100%), Luminosidad (0%–100%). Más intuitivo para crear paletas de colores porque puedes ajustar brillo y viveza de forma independiente.
CMYK — Cian, Magenta, Amarillo, Negro (Key), cada uno de 0% a 100%. El modelo sustractivo usado en impresoras. La conversión de RGB a CMYK es aproximada ya que los gamuts difieren.
Casos de uso comunes
- Diseño web — obtener valores HEX o RGB exactos para propiedades CSS como
color,backgroundyborder. - Branding — extraer valores de color precisos de un mockup de diseño para asegurar consistencia.
- Preparación para impresión — convertir colores de pantalla a valores CMYK para reproducción precisa.
- Accesibilidad — verificar relaciones de contraste seleccionando colores de primer plano y fondo.
- Prototipado UI — experimentar rápidamente con variaciones de color usando ajustes HSL.
Privacidad
Todo el procesamiento se ejecuta 100% en tu navegador. No se suben imágenes a ningún servidor.