Conversor de Colores Gratis

El Conversor de Colores es una herramienta gratuita en línea que convierte colores entre los formatos HEX, RGB y HSL con una vista previa visual del color.

Sí, es totalmente gratis y no requiere registro. Todas las conversiones se realizan del lado del cliente, en tu navegador.

El Conversor de Colores admite los formatos de color HEX (p. ej., #FF5733), RGB (p. ej., rgb(255,87,51)) y HSL (p. ej., hsl(11,100%,60%)).

Por supuesto. La herramienta Conversor de Colores procesa todo del lado del cliente, en tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece privado en tu dispositivo en todo momento.

Sí, la herramienta Conversor de Colores es totalmente adaptable y funciona en smartphones y tablets. Puedes usarla en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

No se necesita ninguna cuenta ni registro. Solo abre la herramienta Conversor de Colores en tu navegador y empieza a usarla de inmediato. No hay muros de registro ni restricciones de uso.

Simplemente introduce tus datos en el campo correspondiente, ajusta la configuración a tu gusto y la herramienta los procesará al instante. Luego puedes copiar el resultado al portapapeles o descargarlo.

La herramienta Conversor de Colores funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

Un color HEX no es más que un color RGB escrito en base 16. Divide los seis dígitos en tres pares: el primer par es el rojo, el segundo el verde y el tercero el azul. Convierte cada par de dos dígitos de hexadecimal a decimal (0 a 255) para obtener el valor RGB. Por ejemplo, #3B82F6 se divide en 3B, 82 y F6; en decimal eso es 59, 130 y 246, lo que da rgb(59, 130, 246). Una forma abreviada de tres dígitos como #F30 se expande duplicando cada dígito hasta #FF3300, y un código HEX8 de ocho dígitos añade un par final para el canal alfa (transparencia). El proceso inverso también funciona: divide cada canal RGB en su par hexadecimal y únelos. Hacerlo a mano es lento y propenso a errores, así que pega cualquier valor HEX o RGB en el conversor de arriba y obtén el equivalente exacto al instante, junto con HSL, HSV, CMYK, LAB y el color con nombre CSS más cercano.

Ambos describen un color mediante el tono (0 a 360 grados en la rueda de color) y la saturación, pero tratan el brillo de forma distinta. HSL usa la luminosidad, donde 0% es negro, 100% es blanco y 50% es la versión más vívida del tono. HSV (también llamado HSB) usa el valor o brillo, donde 0% es negro y 100% es la versión más brillante, pero el blanco puro solo aparece cuando la saturación también es 0%. En la práctica, HSL resulta intuitivo para hacer un color más claro u oscuro en la web, mientras que HSV coincide con el comportamiento del selector en la mayoría de apps de diseño gráfico como Photoshop. Como ambos modelos definen el brillo con fórmulas distintas, el mismo color arroja cifras de saturación diferentes en cada uno, así que no se pueden copiar los valores de uno a otro sin más. Introduce cualquier color arriba y la herramienta muestra HSL, HSLA y HSV/HSB uno junto al otro, junto con HEX, RGB y CMYK, para que puedas comparar todos los modelos de un vistazo sin hacer los cálculos.

Las pantallas usan RGB, un modelo aditivo que mezcla luz roja, verde y azul, mientras que las impresoras usan CMYK, un modelo sustractivo que superpone tinta cian, magenta, amarilla y negra (key) sobre el papel. RGB puede producir colores brillantes y saturados, sobre todo verdes, naranjas y azules vívidos, que simplemente quedan fuera del rango más reducido que las tintas CMYK pueden reproducir. Esos colores fuera de gama se recortan al equivalente imprimible más cercano, que normalmente se ve más apagado o con un ligero cambio de tono. Por eso un azul brillante en pantalla puede imprimirse apagado y un verde neón pierde fuerza en el papel. Convertir a CMYK antes de enviar un diseño a imprenta te da una vista previa realista de cómo se traducirá el color y te permite ajustarlo con antelación. Pega tu color HEX o RGB arriba para ver al instante su desglose en porcentajes CMYK, sin sorpresas en la imprenta.

El contraste se mide como una relación entre la luminancia relativa de un color de primer plano y uno de fondo, que va de 1:1 (idénticos) a 21:1 (negro sobre blanco). Las Pautas de Accesibilidad para el Contenido Web (WCAG 2.1) exigen al menos 4.5:1 para texto normal y 3:1 para texto grande (18pt, o 14pt en negrita) para cumplir el nivel AA, subiendo a 7:1 y 4.5:1 para el nivel AAA, más estricto. Ratios más altos significan un texto más fácil de leer, especialmente para usuarios con baja visión o en pantallas con mucho brillo. Calcular la luminancia y el ratio a mano resulta tedioso, así que usa mejor la pestaña de Contraste de esta herramienta: introduce tus colores de texto y de fondo y calculará el ratio exacto, mostrará una vista previa de texto en vivo sobre el fondo elegido, y mostrará insignias de aprobado o no aprobado para cada nivel WCAG, para que puedas confirmar que un par de colores es legible antes de publicarlo, y no después de recibir una queja.

Son armonías de color basadas en posiciones alrededor de la rueda de color de 360 grados. Los colores complementarios están directamente enfrentados (separados 180 grados), como el azul y el naranja, y crean alto contraste y energía. Los colores triádicos se distribuyen de forma uniforme a 120 grados, dando un conjunto equilibrado y vibrante de tres tonos. Los colores análogos son vecinos en la rueda (normalmente dentro de unos 30 grados), y producen paletas serenas y cohesionadas porque comparten un tono subyacente. Otros esquemas incluyen la complementaria dividida y la tetrádica (un cuadrado de cuatro colores). Elegir una armonía es un atajo fiable para conseguir una paleta que se vea intencionada en lugar de aleatoria, ya que las relaciones se basan en la geometría de la rueda. Esta herramienta genera todos estos esquemas a partir de cualquier color base que introduzcas, además de tintas (mezcladas hacia el blanco), sombras (hacia el negro) y tonos (hacia el gris), y te permite hacer clic en cualquier muestra para convertirla en el nuevo color activo y seguir explorando desde ahí.