# Elige un color
$ Armonía
$ Paleta
$ Cómo usar la rueda de color
Haz clic en cualquier punto de la rueda para fijar tu color base — el ángulo elige el tono, la distancia al centro define la saturación. Usa el slider de luminosidad debajo para aclararlo u oscurecerlo, o teclea directamente un código hex. Después elige una regla de armonía a la derecha y la paleta se actualiza al instante. Haz clic en cualquier swatch para copiar su hex o agarra todo el set de una vez.
Qué significan las armonías
La complementaria usa el color directamente opuesto en la rueda para alto contraste y energía. La análoga usa vecinos para un look calmado y cohesivo. La triádica espacia tres colores por igual para un set equilibrado pero vivo. La complementaria dividida suaviza el par complementario. Cuadrada y tetrádica te dan esquemas de cuatro colores con más rango. Monocromática y tintes y sombras se quedan en un tono, variando solo la luminosidad — ideal para UI limpia y minimal.
Por qué esto importa para tu app
Una paleta coherente hace que tus capturas, ícono y feature graphic se sientan como un solo producto en vez de un montón de colores al azar. Elige tu color de marca, genera una armonía y reutiliza esos hex exactos en los textos, fondos y recursos de stores.
$ FAQ
¿Es gratis?
Sí — completamente gratis, sin registro, sin límites. Corre enteramente en tu navegador.
¿Cuál es la diferencia entre HSL y HSB?
Ambos describen tono y saturación, pero el tercer valor difiere: HSL usa luminosidad (0% negro, 100% blanco), mientras HSB usa brillo. Los diseñadores prefieren HSL para web; HSB aparece en herramientas como Photoshop. Esta rueda te da ambos.
¿Puedo partir desde mi propio color de marca?
Sí. Teclea tu código hex en el cuadro y la rueda y la paleta se actualizan. Después elige una armonía para construir alrededor.
¿Cómo uso la paleta en mi diseño?
Haz clic en cualquier swatch para copiar su hex, o usa "Copiar todos los hex" / "Copiar como variables CSS" para agarrar el set completo. Pega directo en tu herramienta de diseño o stylesheet.