Das Team von Stripe untersucht, wie sie ihre Farbpalette verfeinern, um sie für Benutzer über alle ihre Produkte und Schnittstellen hinweg zugänglicher und lesbarer zu machen. Nicht nur das, sondern das Team hat auch eine wunderbare und doch völlig verrückte App entwickelt, um den idealen Farbbereich zu ermitteln, den sie benötigten.
Wir haben eine Weboberfläche entwickelt, die es uns ermöglicht, unser Farbsystem mithilfe von wahrnehmungsuniformen Farbmodellen zu visualisieren und zu manipulieren. Das Werkzeug gab uns eine sofortige Rückkopplungsschleife, während wir unsere Farben iterierten – wir konnten die Auswirkung jeder Änderung sehen.
Dieses Werkzeug ist… wow! Ich würde gerne mehr darüber erfahren, warum sie das gebaut haben, denn es sieht nicht so aus, als wäre es besonders schnell und einfach gewesen, es zusammenzustellen. Ich frage mich, ob dieses Team eine breite Palette von Farben für ihre Diagramme oder Datenvisualisierungs-UIs unterstützen muss (da komplexe Diagramme oft einen viel größeren Farbbereich erfordern, um Datenbits effektiv zu vergleichen). So oder so, das ist ziemlich inspirierende Arbeit.
Dies erinnert ein wenig an einige Techniken zur Durchsetzung zugänglicher Farben, darunter eine, die benutzerdefinierte Eigenschaften mit calc() und rgb von Josh Bader verwendet, und eine andere von Facundo Corradini die ebenfalls benutzerdefinierte Eigenschaften verwendet, aber mit hsl mit bedingten Anweisungen.
Können wir den Hex-Code von dem finden, was
blue-100ist oder wasred-500ist usw.? Das heißt, Sie haben eine Basisfarbe und andere werden wie100 bis 900benannt. Danke.Leider haben sie das anscheinend nicht auf ihren Blog angewendet. Die Website hat 101 „sehr geringen Kontrast“-Warnungen, wenn ich Wave auf der Seite ausführe :-(
Das ist alles schön und gut, aber ihre Farben entsprechen überhaupt nicht ihrem angegebenen Branding, nachdem sie diesen Prozess durchlaufen haben. Zum Beispiel wage ich es Ihnen, mir mit gerader Miene zu sagen, dass ihr finales „Gelb“ wirklich gelb ist.