Screenshot des Color-Tools von Cloudflare Design

Inklusive Farbressourcen für Ihre # A11Y-Farbanforderungen

Es gibt eine Menge coole Ressourcen, um zugängliche, inklusive Farbschemata und Sequenzen zu finden! Ich habe hier ein paar von denen gesammelt, die ich am nützlichsten finde (neben den typischen Kontrastprüfern da draußen). Ich werde diese aktualisieren, wenn ich mehr entdecke!

Nützlich für: Generieren von barrierefreien Farbpaletten

Farbe sicher

http://colorsafe.co/

Ein schönes, einfaches Werkzeug mit einigen zusätzlichen Funktionen eines allgemeinen Kontrastprüfers. Mit diesem Tool können Sie die Hintergrundfarbe und die Schriftfamilie sowie die Schriftstärke und -größe einstellen. Anschließend wird eine Farbpalette erstellt, die Sie anhand des WCAG-Standards erkunden können, den Sie als Ziel verwenden.

Das Farbwerkzeug von Cloudflare Design

https://cloudflare.design/color/

Mit diesem Produkt wurden die aktualisierten Farben der Pivotal-Benutzeroberfläche erstellt. Wahrscheinlich mein Favorit unter den Palettengenerierungswerkzeugen. Hier können Sie Ihre gesamte Markenpalette eingeben, sie an die Kontrastanforderungen anpassen und die Ergebnisse exportieren, alle in einer rotierenden Beispiel-Benutzeroberfläche.

Ich habe herausgefunden, dass es am hilfreichsten ist, sie zu zeigen, wo jede verfügbare Farbkombination dargestellt wird, und Sie können durch Simulationen der wichtigsten Farbmängel wechseln. Meine einzige Kritik ist, dass die JSON-Importe manchmal fehlerhaft sind, was bedeutet, dass ich meine Markenpalette manuell eingeben musste.

Farbfeld

https://www.colorbox.io/

Ein wirklich kluges Tool von Lyft, wenn auch ein bisschen Jongon. Sie können Ihre Palette schrittweise definieren, die einzelnen HSL-Werte (Farbton, Sättigung und Helligkeit) anpassen und eine Sperrfarbe festlegen. Sie sprechen darüber, wie und warum sie das Tool hier entwickelt haben: https: // design .lyft.com / re-approaching-color-9e604ba22c88.

Nützlich für: Datenvisualisierung und Diagrammfarben

Color Brewer 2.0

http://colorbrewer2.org/

Ein schnelles und unreines Farbpalettenwerkzeug, das Ihnen Palettenoptionen (insbesondere für Karten) bietet, die auf mehreren Optionen basieren, einschließlich der Art Ihrer Daten, ob Sie ein Farbschema mit mehreren oder nur einem Farbton sowie farbblinde-sichere Optionen (darunter andere Dinge).

Sim Daltonismus

https://michelf.ca/projects/sim-daltonism/

Ein großartiger, kostenloser Simulator für Farbenblindheit, mit dem Sie Ihre Paletten abgleichen können, verfügbar für iOS und Mac.

Treten Sie der Data Visualization Society bei

https://www.datavisualizationsociety.com/join

Kein Werkzeug per se, aber eine wunderbare Ressource mit vielen Gleichgesinnten, die bereit sind, mit Vorschlägen, Best Practices und Diskussionen zu helfen!

Hast du einen Tipp für eine gute Ressource für diese Liste? Haben Sie generell ein Feedback für mich? Lass es mich auf Twitter @RaquelDesigns wissen