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.
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.
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.
Fes clic al botó 'Clica per copiar degradat' sota qualsevol degradat per copiar la propietat de fons CSS completa al teu porta-retalls.
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.
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.
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 a l'instant el codi linear-gradient de CSS llest per usar al teu porta-retalls amb un sol clic al botó de copiar.
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.
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.
Obtén codi CSS instantani que funciona directament. No cal escriure manualment la sintaxi del degradat ni experimentar amb els valors de color.
Visualitza els colors individuals del degradat fent clic a diferents parts de la mostra, facilitant la comprensió dels colors exactes utilitzats.
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.
Exploreu la nostra biblioteca completa de més de 500 colors populars amb nom, organitzats en 20 categories. Busqueu colors per nom o codi HEX, copieu valors a l'instant i exploreu grups de colors, des dels bàsics fins als vintage.
Exploreu més de 200 paletes de colors curades professionalment i organitzades per categoria. Copieu colors a l'instant, marqueu paletes com a favorites, exporteu-les com a CSS, JSON, PNG o PDF. Perfecte per a dissenyadors i desenvolupadors.
Comprova les ràtios de contrast de color per a la conformitat amb l'accessibilitat web. Prova combinacions de colors de text i fons segons les directrius WCAG amb previsualització en temps real, avaluacions d'accessibilitat i suggeriments de millora.
Converteix colors CMYK als seus equivalents Pantone més propers utilitzant ciència del color avançada. Explora una col·lecció curada de colors Pantone populars amb comparació de color en temps real i funcionalitat de copiar.
Converteix colors hexadecimals a les coincidències Pantone més properes amb la nostra eina en línia gratuïta. Inclou concordança de colors precisa amb Delta E, permet navegar per més de 40 colors Pantone populars i obtenir comparacions instantànies de colors. Perfecte per a dissenyadors, impressors i professionals del color.
Converteix colors HSV (To, Saturació, Valor) a les seves coincidències Pantone més properes a l'instant. Troba el color Pantone perfecte amb la nostra completa eina de concordança de colors amb comparacions visuals i ciència del color precisa.