✨ Generador de degradats
background: linear-gradient(to right, #ff6b6b, #6bc1ff);
Crea impressionants degradats CSS lineals i radials amb el nostre generador de degradats fàcil d'usar. Tria colors, selecciona direccions i copia el codi CSS a l'instant per als teus projectes web.
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.
Converteix colors RGB a les seves coincidències Pantone més properes amb el nostre algorisme avançat de concordança de colors. Explora colors Pantone seleccionats, compara diferències de color i obtén codis de color precisos per als teus projectes de disseny.
Crea collages visuals impressionants combinant les teves imatges amb paletes de colors extretes. Puja qualsevol imatge per extreure'n automàticament els colors dominants i crear composicions belles amb dissenys, estils i proporcions personalitzables.
Selecciona el teu primer i segon color utilitzant els selectors de color o introdueix els codis de color hexadecimal directament als camps de text.
Tria entre degradat lineal per a transicions de color direccionals o degradat radial per a transicions de color circulars des del centre cap a fora.
Per als degradats lineals, tria entre 8 opcions de direcció, incloent direccions dreta, esquerra, dalt, baix i diagonals utilitzant els botons de fletxa.
Fes clic al botó 'Copia CSS' per copiar la propietat CSS de fons completa al teu porta-retalls, llesta per enganxar als teus fulls d'estil.
Crea tant degradats lineals com radials amb control total sobre la selecció de colors i la direcció del degradat. Canvia entre tipus de degradat a l'instant.
Tria entre 8 direccions diferents per als degradats lineals, incloent orientacions horitzontals, verticals i diagonals amb controls de fletxa intuïtius.
Genera combinacions de colors aleatòries a l'instant per descobrir noves idees de degradats i esquemes de colors creatius per als teus projectes.
Copia el codi CSS del degradat generat al teu porta-retalls amb un sol clic. Propietat de fons CSS llesta per utilitzar per a una implementació immediata.
Un generador de degradats CSS és una eina que crea degradats de fons CSS combinant dos o més colors en transicions suaus. El nostre creador de degradats genera propietats CSS linear-gradient i radial-gradient que es poden utilitzar directament en el desenvolupament web. Els degradats lineals creen transicions de color direccionals, mentre que els degradats radials creen transicions circulars des d'un punt central. L'eina proporciona una previsualització en temps real i genera codi CSS compatible amb els navegadors per als estàndards web moderns.
Vegeu els canvis del vostre degradat a l'instant amb una àmplia àrea de previsualització que mostra exactament com es veurà el vostre degradat als vostres projectes web.
El codi CSS generat està optimitzat i llest per utilitzar amb la sintaxi adequada per a la propietat de fons, compatible amb tots els navegadors moderns.
Botons de fletxa fàcils d'utilitzar per establir les direccions del degradat, facilitant la creació exacta de l'orientació que necessiteu per al vostre disseny.
El generador de colors aleatoris ajuda a descobrir noves combinacions de colors i proporciona inspiració creativa per als vostres dissenys de degradats i esquemes de colors.
Els degradats lineals creen transicions de color en una direcció de línia recta (horitzontal, vertical o diagonal), mentre que els degradats radials creen transicions de color circulars que s'irradien des d'un punt central cap a fora.
Sí, pots introduir qualsevol codi de color hexadecimal vàlid directament als camps de text al costat dels selectors de color. L'eina accepta codis hexadecimals de 6 dígits com #ff6b6b o #6bc1ff.
Copia el codi CSS i enganxa'l al teu full d'estil. El codi generat és una propietat de fons completa que pots aplicar a qualsevol element HTML per mostrar el degradat.
Sí, el CSS generat utilitza la sintaxi estàndard linear-gradient i radial-gradient que és compatible amb tots els navegadors moderns, incloent Chrome, Firefox, Safari i Edge.
Actualment, la nostra eina se centra en degradats de dos colors per a la simplicitat i un disseny net. Pots modificar el codi CSS generat per afegir parades de color addicionals si és necessari.