Ludovic Frank Colors

LFColors

Generador gratuït de paletes de colors

Crea paletes de colors harmonioses amb un clic i exporta-les a CSS, SCSS, Tailwind, Bootstrap o PDF. Gratuït, sense registre ni límits.

Baixa a
App Store
Disponible a
Google Play
Tria els meus colors inicials

Generador de paletes de colors en línia

Crea paletes harmonioses amb pocs clics

LFColors va néixer d’una necessitat senzilla: crear ràpidament paletes de colors harmonioses per a projectes web i de disseny. Tant si et dediques al desenvolupament o al disseny com si simplement tens curiositat pel color, el generador t’ajuda a explorar combinacions que funcionen sense complicacions.

Funcions clares per anar més enllà

LFColors manté una interfície senzilla amb opcions pràctiques per al treball real: bloqueig de colors, exportació en diversos formats (CSS, SCSS, Tailwind, Bootstrap), desament de paletes i URL per compartir-les. Cada paleta pot tenir entre 2 i 10 colors, segons el projecte. Un cop generada, obre la teva paleta de colors per ajustar-la i exportar-la.

Algorismes de generació inspirats en la teoria del color

La idea va sorgir mentre desenvolupàvem projectes web en què trobar una paleta coherent sempre requeria massa temps. LFColors conserva principis coneguts, és gratuït i senzill, i ofereix diversos algorismes (monocromàtic, anàleg, complementari, triàdic...) per a diferents necessitats creatives.

El mode «Automàtic» crea paletes equilibrades analitzant la relació entre tons, saturacions i lluminositats. Ideal per a una primera proposta ràpida, un prototip o per explorar idees.

Cada harmonia té una pàgina pròpia amb un exemple i els casos en què funciona millor: Paleta de colors monocromàtica, Paleta de colors anàloga, Paleta de colors complementària, Paleta de colors triàdica. També pots explorar totes les harmonies de colors.

Per què LFColors és gratuït?

Perquè les eines creatives quotidianes han de ser accessibles. LFColors forma part de l’ecosistema Ludovic Frank, al costat d’eines gratuïtes com LFQR (generador de codis QR), LFNY (escurçador d’URL), LFMDP (generador de contrasenyes), LFSocial (creador d’imatges per a xarxes socials) i LFMaps (integració gratuïta de mapes).

Fer servir LFColors et permet descobrir com construïm per al web: amb senzillesa, utilitat i atenció a l’usuari. Si necessites solucions web a mida o assessorament, ja saps on trobar-nos.

Preguntes freqüents

Què és una paleta de colors?
Una paleta de colors és un conjunt de tons triats per combinar entre si. En disseny web i gràfic aporta coherència visual, guia l’atenció i reforça la identitat de marca. LFColors utilitza la teoria del color per suggerir combinacions llegibles i equilibrades, habitualment d’entre 2 i 10 colors.
El generador de paletes de colors és realment gratuït?
Sí. LFColors és completament gratuït, sense registre, límit de generacions ni marca d’aigua. Inclou tots els formats d’exportació (CSS, SCSS, Tailwind, Bootstrap, JSON, PDF i llista hexadecimal). Les teves paletes es desen al navegador, no en un servidor.
Com es fa servir el generador de paletes LFColors?
Fes clic a «Genera colors aleatoris» per començar de seguida o a «Tria els meus colors inicials» per partir dels teus tons. Després prem la barra espaiadora o el botó Regenera per explorar noves combinacions, bloqueja les que t’agradin, ajusta el nombre de colors i exporta.
Quina harmonia de colors he de triar?
Per a una interfície tranquil·la, tria una harmonia monocromàtica o anàloga. Per destacar un botó o una crida a l’acció, utilitza una parella complementària. Si dubtes, la complementària dividida ofereix el millor equilibri: aporta contrast amb menys risc de dissonància. El mode Automàtic prova aquestes regles per tu.
Quina diferència hi ha entre HEX, RGB i HSL?
HEX (#3E7CB1) és la notació més habitual en CSS i eines de disseny. RGB descriu el mateix color amb els components vermell, verd i blau, i facilita la transparència amb RGBA. HSL descriu el to, la saturació i la lluminositat, cosa que el fa especialment clar per crear variacions d’un color. LFColors converteix i exporta els tres formats.
Les meves paletes són accessibles per a persones amb baixa visió?
Una paleta agradable no és necessàriament accessible. Les WCAG demanen un contrast mínim de 4.5:1 entre el text de cos i el fons, i de 3:1 per als títols grans. Conserva sempre un to molt fosc i un de molt clar per a aquestes funcions, i no transmetis mai informació només amb el color.