Mit dem CSS Gradient Creator schnell schöne CSS-Farbverläufe erstellen

Mit diesem Tool von Josh W Comeau lassen sich ganz einfach ansprechende Farbverläufe erstellen.

Dieser CSS Gradient Generator von Josh W Comeau ist eine sehr gute, einfache Web-App, mit der sich ansprechende Farbverläufe erstellen lassen.

Screenshot des Farbverlaufs-Editors mit einem einfachen linearen Farbverlauf.

Mir persönlich fällt es schwer, die Syntax einer visuellen Darstellung zuzuordnen, daher hat dieses Tool mir sehr geholfen. Der Schwerpunkt liegt auf der Erstellung linearer Farbverläufe. Diese lassen sich mit verschiedenen Farbmodi (z. B. HCL) konfigurieren, auch wenn sie von der CSS-Funktion linear-gradient nicht direkt unterstützt werden. In Joshs ergänzender Blogpost wird näher darauf eingegangen, wie die Farbinterpolation berechnet und auf etwas angewendet wird, das der Browser rendern kann. Dieser Bericht gibt einen faszinierenden Einblick in die Theorie hinter der Funktionsweise.

Linearer Farbverlauf

Unterstützte Browser

  • 26
  • 12
  • 16
  • 7

Quelle

Hero-Image von Luke Chesser auf Unsplash