Selector y conversor de colores

• Selector de colores visual con lienzo SL: nuestro conversor incluye un lienzo completo de saturación-luminosidad, un control de tono, un selector de color nativo del navegador y 16 muestras predefinidas. Elige cualquier color visualmente y ve al instante cómo se actualizan todas las conversiones de formato en tiempo real, sin pulsar botones.
• Conversión a cinco formatos de color: convierte entre los formatos HEX, RGB, HSL, HSV, CMYK y HWB al instante. Edita cualquier campo en cualquier formato y todos los demás se actualizan automáticamente. Nuestro conversor también genera la declaración de propiedad personalizada CSS para usarla directamente en hojas de estilo.
• Conversor selector de colores online seguro: todas las conversiones de color ocurren localmente en tu navegador mediante matemáticas puras de JavaScript. No se envía ningún dato de color a ningún servidor, lo que garantiza una privacidad del 100 % al usar nuestro conversor online. Funciona completamente sin conexión una vez cargada la página.
• Conversor selector de colores sin instalación: usa nuestro conversor gratis directamente en tu navegador, sin descargas, sin complementos y sin cuenta. Incluye un comprobador de contraste WCAG integrado para fondos blancos y negros, desde cualquier dispositivo y en cualquier momento.

• Diseño web y de interfaz: convierte los colores de marca entre HEX y RGB para CSS, o a CMYK para materiales impresos. Usa nuestro conversor para garantizar una representación constante del color en medios digitales e impresos sin cálculos manuales.
• Desarrollo en CSS y Tailwind: elige un color visualmente y obtén al instante los valores HEX, RGB y HSL listos para pegar en tu CSS o en la configuración de Tailwind. Nuestro conversor genera la declaración de propiedad personalizada CSS para usarla directamente en sistemas de diseño.
• Accesibilidad y cumplimiento WCAG: comprueba los ratios de contraste WCAG sobre fondos blancos y negros directamente en nuestro conversor. Ve al instante si tu color cumple los estándares de accesibilidad AA o AAA antes de usarlo en tu interfaz.
• Gestión del color de marca: convierte los colores de marca del formato que indiquen tus guías de marca (a menudo CMYK para impresión) a HEX y RGB para uso digital. Nuestro conversor gestiona los cinco espacios de color con precisión.
• Documentación de sistemas de diseño: documenta los tokens de color en varios formatos para la documentación de tu sistema de diseño. Usa nuestro conversor para generar declaraciones HEX, RGB, HSL y de variables CSS para cada color de tu paleta.
• Producción impresa y digital: convierte entre los espacios de color RGB (pantalla) y CMYK (impresión) al preparar recursos para producción digital e impresa. Nuestro conversor ofrece valores CMYK precisos para cualquier color RGB o HEX.

Un conversor selector de colores es una herramienta que te permite seleccionar cualquier color visualmente y lo convierte al instante entre todos los formatos de color principales usados en diseño web, CSS, producción impresa y arte digital. Nuestro conversor admite HEX (colores web), RGB (colores de pantalla), HSL (tono-saturación-luminosidad), HSV (tono-saturación-valor), CMYK (colores de impresión) y HWB (tono-blanco-negro). Edita cualquier campo en cualquier formato y todos los demás se actualizan al instante, sin pulsar botones.

1. Elige un color: usa el lienzo de saturación-luminosidad, el control de tono, el selector nativo del navegador o las muestras predefinidas para seleccionar un color visualmente. O escribe directamente en cualquier campo de formato: HEX, RGB, HSL, CMYK o HWB.
2. Conversión instantánea en el navegador: todas las operaciones matemáticas de color se ejecutan localmente en tu navegador con JavaScript puro. Cada formato se actualiza en tiempo real mientras ajustas cualquier valor. Tus datos de color nunca salen de tu dispositivo.
3. Copia cualquier formato: haz clic en el icono de copiar junto a cualquier formato de color para copiarlo al portapapeles. Usa «Copiar todo» para copiar todos los formatos a la vez. El comprobador de contraste WCAG muestra el cumplimiento de accesibilidad sobre fondos blancos y negros.

• HEX: notación hexadecimal de seis dígitos (por ejemplo, #3b82f6). El formato estándar para colores web en HTML y CSS. Cada par de dígitos representa los canales rojo, verde y azul (00-FF).
• RGB: valores de rojo, verde y azul de 0 a 255 (por ejemplo, rgb(59, 130, 246)). El modelo de color nativo de pantallas y monitores. Se usa en CSS y en la mayoría de herramientas de diseño.
• HSL: tono (0-360°), saturación (0-100 %), luminosidad (0-100 %). Más intuitivo para diseñadores: el tono es el color, la saturación es la intensidad y la luminosidad controla lo claro u oscuro que es el color.
• CMYK: cian, magenta, amarillo y clave (negro), cada uno de 0 a 100 %. El modelo de color estándar para producción impresa. Ten en cuenta que la conversión de RGB a CMYK es aproximada sin perfiles de color ICC.

RGB y CMYK tienen gamas de color diferentes: no todos los colores CMYK pueden representarse con precisión en RGB y viceversa. Los valores CMYK que muestra nuestro conversor se derivan matemáticamente del RGB y ofrecen una buena aproximación para la mayoría de los casos, pero la producción impresa profesional requiere gestión de perfiles de color ICC en software especializado como Adobe Illustrator o InDesign. Para uso web y en pantalla, HEX, RGB y HSL son totalmente intercambiables sin pérdida de calidad.