Ein kleines Werkzeug zum Generieren von Farbverläufen von Tom Quinonero. Man könnte meinen, das Überblenden einer Farbe zu einer anderen sei ein offensichtliches, einfaches und gelöstes Problem – tatsächlich ist es alles andere als das!
Toms Generator tut zwei Dinge, die helfen, einen Farbverlauf besser zu machen
- Sie können einen „Interpolationsraum“ auswählen. Farbverläufe, die den sRGB-Farbraum verwenden (so ziemlich alle Farb-Sachen, die wir heute in CSS haben), neigen dazu, durch eine graue Todeszone zu verlaufen, und wenn Sie den Farbverlauf in einem anderen Farbraum interpolieren, kann er besser aussehen (und wird dennoch zurück in RGB konvertiert, um ihn heute zu verwenden).
- Verlangsamen der Farben durch die Verwendung mehrerer Farbstopps, was zu einem weniger abrupten und ansprechenderen Aussehen führen kann.
Verschiedene Farbverlauf-Apps mit unterschiedlichen Farbräumen
Josh hat eine weitere ähnliche App, ebenso wie Erik Kennedy. Es ist so verdammt interessant, wie unterschiedlich Farbverläufe in verschiedenen Farbräumen sind. Stellen Sie sich die Farbräume als eine physische Karte vor, auf der einzelne Farben Punkte auf der Karte sind. Farbverläufe sind dumm. Sie gehen einfach gerade von einem Punkt auf der Karte zum nächsten. Die Farben unter ihren Füßen, während sie gehen, machen einen riesigen Unterschied darin, wie der Farbverlauf aussieht.
Safari Tech Preview hat experimentelle CSS-Farbverlauf-Farbräume und ich hatte gestern Abend viel Spaß beim Herumspielen damit!
— Adam Argyle (@argyleink) 6. Februar 2022
„`#css
background: linear-gradient(
to right in var(–colorspace),
black, white
);
“`
einfaches Schwarz zu Weiß kann so anders sein!https://#/ltCWtzUD23 pic.twitter.com/rlUIiDFJu9