Ein Farbverlauf ist eine allmähliche Mischung zwischen zwei oder mehr Farben. Normalerweise wird ein Farbverlauf durch zwei benutzerdefinierte Farben definiert, und der Computer berechnet automatisch alle dazwischen liegenden Farben. Farbverläufe können aus zwei oder mehr verwendeten definierten Farben bestehen. Im CSS-Code für Websites können Sie lineare und radiale Verläufe definieren. Ein linearer Farbverlauf mischt Farben in einer geraden Linie und führt zu einem progressiven Farbübergang von einem Punkt zum anderen. Ein radialer Farbverlauf mischt Farben kreisförmig und führt zu einem Farbübergang, der von einem bestimmten Punkt aus strahlt.
Normalerweise wählt ein Designer zwei oder mehr Farben von Hand aus, um einen Farbverlauf zu erstellen. Dies erfordert Designerfahrung und ein gutes Auge für Farbharmonie. Unser Farbverlaufsgenerator verwendet die Farbverlaufsalgorithmen unseres Logo-Herstellers My Brand New Logo, die automatisch gut aussehende und ausgewogene Farbverläufe erzeugen. Sie müssen nur eine einzelne Farbe auswählen, und unser Verlaufsgenerator generiert darauf basierend automatisch einen gut aussehenden Verlauf. Hinter den Kulissen wird viel Farbwissenschaft betrieben, aber Sie können sicher sein, dass Ihr Farbverlauf immer gut aussieht.
Unser CSS-Hintergrundverlaufsgenerator erstellt automatisch einen Farbverlauf basierend auf Ihrer ausgewählten Farbe. Wir haben verschiedene Arten von Verläufen. Der Lichtstil erzeugt einen Farbverlauf, der aussieht, als würde er von einer Lichtquelle hervorgehoben. Perfekt, um Ihren Farben Glanz zu verleihen. Der tiefe Stil geht noch ein Stück weiter und fügt dem Farbspektrum mehr Farbtöne hinzu. Der Regenbogenstil ist perfekt für hellere Farben, um einen Perlmutt-Look zu kreieren. Und der intensive Stil erzeugt einen intensiven, tiefen und satten Farbverlauf.
Wenn Sie eine Farbe ausgewählt haben, können Sie die Schieberegler ziehen, um den Farbverlauf anzupassen. Der erste Schieberegler steuert den Gradienten. Der zweite Schieberegler steuert die Drehung des Farbverlaufs. Sie können dies verwenden, um zu simulieren, woher das Licht kommt. Der dritte Schieberegler wechselt vom linearen in den radialen Modus.
Wenn Sie mit Ihrem Verlauf zufrieden sind, holen Sie sich Ihren CSS-Code, indem Sie den generierten CSS-Farbverlaufscode kopieren. Platzieren Sie es in Ihrem eigenen CSS-Code, um genau den gleichen Farbverlauf in Ihrem eigenen Webdesign zu erhalten.
Wenn Sie ein Logo mit einem Farbverlauf erstellen möchten, haben wir einige Richtlinien für Sie festgelegt:
Verwenden Sie diesen CSS-Code in Ihrem Webprojekt, um Ihren Farbverlauf zu erhalten: