Generador de paleta

Complementarios, análogos, triádicos, tetrádicos, complementarios divididos y más.

Sí, copia los códigos HEX/RGB o descarga la paleta como imagen.

Con tres o cuatro colores visibles suele bastar. La conocida regla 60-30-10 asigna el 60 % de la superficie al fondo, el 30 % a un color secundario y el 10 % a un acento: cuanto más contenido esté ese acento, más destacan botones y enlaces. Añade un gris oscuro para el texto y uno claro para los bordes y casi cualquier pantalla queda resuelta. Pasando de cinco colores, la gente ya no distingue qué elemento importa.

Parte de ese color y construye un conjunto análogo: los tonos que quedan a unos 30 grados a cada lado conviven sin chocar, ideales para fondos y elementos secundarios. Para el botón que debe verse, toma una pequeña dosis del complementario del lado opuesto de la rueda y la mirada irá directa allí. Si el modo oscuro entra en juego, prepara variantes que conserven el mismo tono pero bajen la saturación y suban la luminosidad.