Erik D. Kennedy weist auf ein interessantes Phänomen bei Farbverläufen hin. Wenn Sie einen Farbverlauf zwischen zwei Farben haben, bei dem die Linie dazwischen im Farbraum durch die Nullsättigung in der *Mitte* geht, erhalten Sie diese „graue Todeszone“ in der Mitte.
Das ist real. Sehen Sie hier die graue Mitte
Sie können auch sehen, wie Farben das vielleicht nicht tun, wie Rot und Blau hier, die stattdessen direkt durch Lila schießen, was Sie oben auf dem Farbkreis visualisieren können.
Erik sagt, eine Lösung könnte sein, einen kleinen Umweg zu nehmen, anstatt direkt durch die graue Zone zu gehen
Sein aktualisiertes Farbverlaufswerkzeug geht damit um, indem es verschiedene „Interpolationsmodi“ verwendet und den Farbverlauf mit einer Auswahl an Präzisionsstopps verlangsamt. Verpassen Sie auch nicht die radialen und konischen Optionen mit der Möglichkeit, die Mittelpunkte „außerhalb des Bildschirms“ zu platzieren, was ziemlich coole Looks ergeben kann, die Sie auf keine andere Weise erzielen können.
Ach ja, und wo wir gerade von konischen Farbverläufen sprechen, Adam Argyle hat eine kleine Galerie von Möglichkeiten, die ziemlich einzigartig ist.
Jetzt verstehe ich, warum diese Farbverlaufspaletten plötzlich populär wurden. Das ist fantastisch, danke fürs Teilen
Anscheinend gehen Webdesigner nie zur Kunstschule, wo man ihnen Dinge wie das Hinzufügen von Komplementärfarben beibringt, um Grau zu erzeugen. Es gibt sogar eine Eselsbrücke, „Rot Cadillac VON General Motors“. Die komplementären Farbpaare sind Rot/Cyan, Blau/Gelb und Grün/Magenta.
Das habe ich auch gedacht, als ich das gesehen habe. Komplemente löschen sich gegenseitig aus.
Man setzt eine analoge Farbe dazwischen, kein Problem.
Anscheinend wird es missbilligt, nützliches Wissen über Farben an Menschen weiterzugeben, die damit vielleicht nicht vertraut sind, und zwar auf andere Weise, als sie zu zwingen, überhöhte Geldbeträge für eine Ausbildung auszugeben?
In der Druckwelt würde ich sagen, es ist eine Frage des Farbmodus (Farbverläufe in CMYK funktionieren genauso).
Wie bereits 2018 erwähnt: https://codepen.io/szopos/pen/gKPqwq
Der technische Grund für diese graue Zone ist, dass die Berechnungen mit einem verlustbehafteten sRGB-Algorithmus durchgeführt werden und nicht, weil es grau sein sollte (Referenz: https://webcolorisstillbroken.com/?ref=webdesignernews.com).
Glücklicherweise könnte dies bald der Vergangenheit angehören, mit neuen Farbräumen für CSS: https://web.dev/state-of-css-2022/?via=emailweekly#gradient-color-spaces