Binatomy
Colores & Paleta

Selector & Paleta

Elige un color, conviértelo a HEX, RGB, HSL, HSV y CMYK y genera paletas armónicas listas para usar
#6366F1

Ajustar RGB

R
G
B

Ajustar HSL

Tono239°
Saturación84%
Luminosidad67%

Formatos de Color

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

HSV

hsv(239, 59%, 95%)

CMYK

cmyk(59%, 58%, 0%, 5%)

Sombras & Matices

Paletas Armónicas

Haz clic en un tono para activarlo

Complementario

Análogos

Triádicos

Tetrádicos

Complementario dividido

Monocromáticos

FAQ

Preguntas Frecuentes

Todo lo que necesitas saber sobre colores y paletas

¿Qué es el modelo CMYK y cuándo se usa?

CMYK (Cian, Magenta, Amarillo, Negro) es el modelo sustractivo usado en impresión: define cuánta tinta de cada color se necesita sobre papel blanco. A diferencia de RGB (pantallas, aditivo y basado en luz), CMYK parte del blanco y "resta" luz con tinta. Los valores son porcentajes 0-100%. Usa CMYK al preparar archivos para imprenta; la conversión RGB→CMYK es aproximada porque la gama imprimible es más estrecha que la de pantalla.

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

Ambos describen colores mediante el tono (0-360°). HSL usa Saturación y Luminosidad: al 100% de luminosidad siempre obtienes blanco, al 0% negro, y los colores puros están al 50%. HSV usa Saturación y Valor (Brillo): al 100% de valor y 100% de saturación obtienes el color puro más intenso, y al 0% de valor negro. HSV es cómodo en los selectores; HSL suele preferirse en CSS por ser más intuitivo para aclarar/oscurecer.

¿Cómo funcionan las paletas armónicas?

Las armonías se basan en la posición de los colores en la rueda cromática respecto a tu tono. Complementario = +180° (máximo contraste); Análogos = ±30° (armonías suaves); Triádicos = +120°/+240° (vivos y equilibrados); Tetrádicos = cuatro colores a 90°; Complementario dividido = +150°/+210°; Monocromáticos = mismo tono con distinta luminosidad. Haz clic en cualquier tono para activarlo.

¿Mis colores se envían a un servidor?

No. Todas las conversiones y la generación de paletas ocurren íntegramente en tu navegador en JavaScript: no se envía ni almacena ningún dato en nuestros servidores. El botón "Tomar de la pantalla" usa la API EyeDropper nativa del navegador (Chrome, Edge y navegadores basados en Chromium) y funciona solo localmente.

¿Cómo se elige el color?

Escribiendo el código HEX, moviendo los controles RGB y HSL o con el botón que saca uno al azar. En los navegadores que lo permiten también puedes tomar un color directamente de la pantalla.

¿En qué formatos se muestra el color?

Cada color aparece en HEX, RGB, HSL, HSV y CMYK, y cada valor se copia con un clic. El CMYK sirve para imprenta, mientras que HEX y RGB son los formatos que se usan en la web.

¿Qué paletas se generan?

Del color activo salen las paletas complementaria, análoga, triádica, tetrádica, complementaria dividida y monocromática, además de una escala de nueve tonos del más claro al más oscuro.

¿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.