Endevinar quins colors combinen bé fa perdre temps de disseny. Aquest generador aplica les harmonies clàssiques del cercle cromàtic, les mateixes relacions de to que s'ensenyen a la teoria del color, de manera que cada paleta queda coordinada matemàticament, no a ull. Fes clic a qualsevol mostra per copiar-ne el codi hex, o copia tota la paleta com a variables CSS a punt per enganxar. És totalment del costat del client: sense compte, sense pujar res, sense seguiment dels colors de la teva marca.
Generador de Paleta de Colors Gratuït
Funciona del tot al navegador: sense pujar res ni registrar-te.
Harmonia
Variables CSS
Què és un generador de paleta de colors?
Un generador de paleta de colors crea un esquema de colors combinats a partir d'un color base, fent servir la teoria del cercle cromàtic. Tries o escrius un color hex, selecciones una harmonia com complementària, anàloga, triàdica o monocromàtica, i calcula a l'instant els colors coordinats, cadascun amb un codi hex a punt per copiar. Tot funciona dins el navegador.
Com s’utilitza
- 1Defineix el teu color base. Fes clic al selector de color per triar visualment, escriu un codi hex com #6366f1, o prem Aleatori per partir d'un altre punt.
- 2Tria una harmonia. Canvia entre complementària, complementària dividida, anàloga, triàdica, tetràdica, monocromàtica, ombres i tons clars. La paleta es recalcula a l'instant.
- 3Copia els colors. Fes clic a qualsevol mostra per copiar-ne el codi hex, o fes servir el botó Copia per emportar-te tota la paleta com a variables CSS.
Per a qui és
- Dissenyadors web que comencen un lloc a partir d'un sol color de marca: generen companys anàlegs o complementaris dividits per a fons, botons i accents.
- Desenvolupadors front-end que necessiten un punt de partida de design tokens: copien la paleta com a variables CSS i l'enganxen directament en un full d'estils.
- Persones de màrqueting i creadors de presentacions que ajusten gràfics, peces per a xarxes o diapositives al color d'un logotip sense un programa de disseny.
- Il·lustradors i aficionats que exploren ombres i tons clars d'un mateix to per donar profunditat, llums i ombres a una peça.
Preguntes freqüents
És gratuït aquest generador de paleta de colors?
Sí, 100% gratuït, sense registre, sense marques d'aigua i sense límits. Genera i copia tantes paletes com vulguis, per a projectes personals o comercials.
Els meus colors es pugen a algun servidor?
No. La paleta es calcula íntegrament al teu navegador amb JavaScript senzill. Els colors de la teva marca, les entrades i els clics mai s'envien a un servidor.
Què és un color complementari?
El color complementari es troba exactament a la banda oposada del teu base en el cercle cromàtic, una rotació de to de 180 graus. Parelles complementàries com el blau i el taronja donen el contrast més fort, per això són molt utilitzades en botons de crida a l'acció sobre un fons de marca.
Quina és la diferència entre paletes anàlogues i triàdiques?
Les paletes anàlogues fan servir tons veïns, dins d'uns 30 graus del base, per això transmeten una sensació calmada i cohesionada. Les triàdiques prenen tres tons separats 120 graus, oferint un esquema vibrant i equilibrat amb més contrast entre colors.
Què són les ombres i els tons clars?
Les ombres enfosqueixen el teu color base apropant-ne la lluminositat cap al negre; els tons clars l'aclareixen cap al blanc. Tots dos mantenen el mateix to i saturació, per això són ideals per a estats hover, vores i capes de fons d'un mateix color de marca.
Quants colors hauria de tenir la paleta d'un lloc web?
Una regla habitual és el 60-30-10: un color dominant per a un 60% de la interfície aproximadament, un secundari per al 30%, i un accent per al 10%. Comença amb una harmonia de 3 a 5 colors aquí i després afegeix ombres i tons clars de cadascun per a estats i superfícies.
Per què la paleta gairebé no canvia amb gris o negre?
El gris, el negre i el blanc tenen saturació zero, per tant no hi ha cap to sobre el qual les rotacions d'harmonia puguin actuar: girar el no-res retorna el mateix neutre. Construeix en canvi una escala de neutres amb els modes de lluminositat: tons clars per a negre o grisos foscos, ombres per a blanc o grisos clars, i monocromàtic per a grisos mitjans.