Explora la nostra col·lecció curada de més de 100 degradats de color impressionants. Fes clic a les mostres de degradat per veure colors individuals, copiar codi CSS a l'instant i trobar combinacions de degradat perfectes per als teus dissenys.
Navega per la Col·lecció de Degradats
Desplaça't per la graella de mostres de degradat per explorar diferents combinacions i estils de color. Cada degradat mostra el seu nom i els seus codis de color.
Veure Colors Individuals
Fes clic a la meitat esquerra d'un degradat per veure el color inicial, o fes clic a la meitat dreta per veure el color final. El codi HEX es mostrarà durant 2 segons.
Copiar CSS del Degradat
Fes clic al botó 'Clica per copiar degradat' sota qualsevol degradat per copiar la propietat de fons CSS completa al teu porta-retalls.
Utilitza-ho en el Teu Projecte
Enganxa el codi CSS copiat a la teva fulla d'estils o estils en línia. El degradat està llest per utilitzar amb el format linear-gradient.
Més de 100 Degradats Curats
Accedeix a una col·lecció acuradament seleccionada de més de 100 combinacions de degradats belles, organitzades per estil i tema de color per a una navegació fàcil.
Previsualització Interactiva de Colors
Fes clic a la meitat esquerra o dreta de qualsevol mostra de degradat per veure els colors individuals d'inici i final amb els seus codis HEX mostrats.
Copia de CSS amb un Clic
Copia a l'instant el codi linear-gradient de CSS llest per usar al teu porta-retalls amb un sol clic al botó de copiar.
Graella Visual de Degradats
Navega pels degradats en un disseny de graella net i modern amb els noms dels degradats i els codis de color clarament mostrats per a una referència ràpida.
Els degradats de color són transicions suaus entre dos o més colors, creant una barreja visualment atractiva. En el disseny web, els degradats lineals CSS permeten crear aquestes transicions de color que flueixen en una direcció especificada. La nostra biblioteca presenta combinacions de degradats professionalment curades que funcionen bé juntes, estalviant-te temps a l'hora de trobar transicions de color harmonioses per a fons, botons, targetes i altres elements de disseny.
Professionalment Curat
Cada degradat de la nostra col·lecció ha estat acuradament seleccionat pel seu atractiu visual i versatilitat de disseny, garantint combinacions de color d'alta qualitat.
CSS Llest per Utilitzar
Obtén codi CSS instantani que funciona directament. No cal escriure manualment la sintaxi del degradat ni experimentar amb els valors de color.
Inspecció Interactiva de Colors
Visualitza els colors individuals del degradat fent clic a diferents parts de la mostra, facilitant la comprensió dels colors exactes utilitzats.
Eina de Disseny que Estalvia Temps
Evita la prova i error de crear degradats des de zero. Troba el degradat perfecte ràpidament i implementa'l immediatament en els teus projectes.
La biblioteca conté més de 100 combinacions de degradats acuradament curades, amb diversos estils que van des de transicions subtils fins a barreges audaces i vibrants, adequades per a diferents necessitats de disseny.
Fes clic a la meitat esquerra d'una mostra de degradat per veure el color inicial, o fes clic a la meitat dreta per veure el color final. El codi HEX es mostrarà a la mostra durant 2 segons.
L'eina copia una propietat de fons CSS completa amb un linear-gradient que va d'esquerra a dreta (direcció 'to right'). Per exemple: background: linear-gradient(to right, #FF6B6B, #4ECDC4);
Sí, tots els degradats de la biblioteca són d'ús lliure en projectes personals i comercials sense restriccions. Els degradats de color no es poden registrar com a propietat intel·lectual.
Després de copiar el codi CSS, enganxa'l a la teva fulla d'estils o com a estil en línia. Pots aplicar-lo al fons de qualsevol element, com ara divs, seccions, botons o targetes.
Sí, després de copiar el CSS, pots canviar la direcció modificant la part 'to right' per altres valors com 'to bottom', 'to top', '45deg' o qualsevol angle que prefereixis.