🛠️ Eina de navegador
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.
color
View all →Biblioteca de colors populars
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.
Biblioteca de Paletes de Colors Populars
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.
Comprovador de Contrast de Color
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.
Convertidor CMYK a Pantone Gratuït en Línia
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.
Convertidor de colors Hex a Pantone gratuït
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.
Convertidor gratuït de color HSV a Pantone
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.