Binatomy
Conversor de Colores

Conversor de Colores

Convierte colores entre HEX, RGB y HSL con paletas complementarias, análogas y triádicas

Formatos de Color

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

Valores RGB

R: 99 G: 102 B: 241

Paleta de Colores

Complementario

Análogos

Triádicos

FAQ

Preguntas Frecuentes

Todo lo que necesitas saber sobre la conversión de colores

¿Cuál es la diferencia entre RGB y HSL?

RGB (Rojo, Verde, Azul) define los colores como combinación de tres canales de luz (rojo, verde, azul) con valores de 0 a 255 cada uno. HSL (Tono, Saturación, Luminosidad) es un modelo más intuitivo que describe el color por el tono (0-360 grados), la saturación (0-100%) y la luminosidad (0-100%). HSL es preferido por los diseñadores por ser más fácil de manipular.

¿Cómo funcionan los colores complementarios?

El color complementario se encuentra a 180 grados en la rueda de colores. Los colores complementarios crean el máximo contraste y se usan en el diseño para atraer la atención. Por ejemplo, el complementario del azul es el naranja, del rojo es el cian, del verde es el magenta.

¿Qué son los colores análogos y triádicos?

Los colores análogos son adyacentes en la rueda de colores (a unos 30 grados de distancia) y crean armonías suaves y naturales. Los colores triádicos son equidistantes (a 120 grados entre sí) y forman un triángulo en la rueda de colores, creando combinaciones vívidas y equilibradas.

¿Puedo usar el formato HEX en CSS?

Sí, el formato HEX es el más usado en CSS y diseño web. El formato de 6 caracteres (#RRGGBB) está soportado por todos los navegadores. También puedes usar la versión abreviada de 3 caracteres (#RGB) cuando cada par tiene dígitos idénticos. El convertidor también muestra los formatos RGB y HSL, ambos válidos en CSS.

¿Qué formatos de color convierte la herramienta?

Parte de un código HEX, escrito completo o en la forma corta de tres cifras, y devuelve el valor RGB y el valor HSL del mismo color, los tres listos para copiar.

¿Qué diferencia hay entre RGB y HSL?

RGB describe un color con los tres canales rojo, verde y azul de 0 a 255. HSL lo describe con el tono de 0 a 360 grados, la saturación y la luminosidad en porcentaje, lo que resulta más cómodo para aclarar u oscurecer.

¿De dónde salen los colores de la paleta?

La paleta surge de rotar el tono del color de partida: el complementario a 180 grados, los análogos a 30 grados a cada lado, los triádicos a 120 y 240 grados. Al pulsar un tono, pasa a ser el color activo.

¿Mis datos siguen siendo privados?

Sí, y no porque lo prometamos: esta herramienta funciona entera dentro de tu navegador. Lo que escribes o subes no sale de tu dispositivo, así que no llega a ningún servidor nuestro y no hay nada que podamos guardar, leer o perder. Puedes comprobarlo tú mismo: abre la página, desconecta internet y la herramienta sigue funcionando.

¿Guardáis lo que introduzco?

No. Detrás de esta herramienta no hay ninguna base de datos: no guardamos los archivos, ni los textos, ni los resultados. Cuando cierras la pestaña no queda nada: ni aquí con nosotros, porque nunca llegó, ni en ningún otro sitio.

¿Me perfiláis? ¿Cumplís el RGPD?

Nosotros no te perfilamos: no hay cuenta que crear, no te pedimos el correo para usar una herramienta y no guardamos ningún perfil de lo que haces. Somos una empresa italiana y trabajamos bajo el RGPD y el resto de normas europeas, con la política de privacidad y la petición de consentimiento a la vista. Una cosa la decimos entera en vez de esconderla en un eslogan: la publicidad de la página es de Google, y Google puede usar cookies para personalizarla. Lo decides tú desde el banner de consentimiento: si dices que no, los anuncios siguen pero sin personalizar, y la herramienta funciona exactamente igual.

Si es gratis, ¿de qué vivís?

De la publicidad de la página, y nada más. No vendemos tus datos, no hay un plan de pago escondido, no hay un límite que acabe pidiéndote la tarjeta y no tienes que registrarte. Los anuncios pagan los servidores y el tiempo que dedicamos a escribir las herramientas: por eso podemos tenerlas abiertas para todos.