Gibt es bei einem weißen Hintergrund und schwarzem oder grauem Text eine Formel, um eine Linkfarbe mit gutem Kontrast zu finden?

Die WCAG-Richtlinien legen die folgenden Anforderungen für den Kontrast von Text/Link/Hintergrund fest:

  • Ein 4,5:1-Kontrast zwischen der Textfarbe ohne Link und dem Hintergrund.
  • Ein Kontrast von 4,5:1 zwischen der Linktextfarbe und dem Hintergrund.
  • Ein 3:1-Kontrast zwischen der Linktextfarbe und der umgebenden Nicht-Linktextfarbe.

Unter der Annahme, dass Anforderung 1 des Obigen erfüllt ist, gibt es bei einem weißen Hintergrund und einer Textfarbe (ohne Link), die von Schwarz bis Dunkelgrau reicht, eine Heuristik, Formel oder einen Algorithmus, um eine Linkfarbe zu finden, die zufriedenstellend wäre die anderen beiden Anforderungen? Es wäre besonders hilfreich, wenn der Algorithmus oder die Formel in Form von Farbton-Helligkeit-Sättigung spezifiziert würde. Danke schön.

Antworten (1)

Diese Seite wird Ihnen wahrscheinlich helfen. Es ist ein Kontrastprüfwerkzeug, das Hex-Farbcodes für die Hintergrund- und Textfarbe Ihrer Arbeit akzeptiert und das Kontrastverhältnis ausgibt. Es wird Ihnen auch sagen, ob Sie sowohl für kleinen als auch für großen Text bestanden oder nicht bestanden haben.

Ich würde damit beginnen, die Farben auszuwählen, die Ihnen gefallen, und sie dann im Checker testen, um sicherzustellen, dass sie die Anforderungen erfüllen.

Wenn Sie einen guten Ausgangspunkt für die Auswahl von Farben suchen, werfen Sie einen Blick auf ein Farbrad.

Farbkreis

Farben auf gegenüberliegenden Seiten des Rades haben viel Kontrast, während benachbarte Farben wenig Kontrast haben.

Ich empfehle auch , das Farbpaletten-Tool von Adobe auszuprobieren . Ich verwende dies für fast jedes Projekt, an dem ich arbeite, normalerweise nur, um zu sehen, wie ich alle meine Hauptfarben zusammen mag. Sie können Adobe Farben mit Einstellungen wie „Triade“ oder „komplementär“ auswählen lassen oder benutzerdefinierte Themen erstellen.

Danke, Ashley. Ich bin mir der Werkzeuge bewusst, aber ich suche speziell nach einer formalen mathematischen Spezifikation (oder etwas Annäherndem in Form einer Heuristik), weil ich in der Lage sein muss, eine Farbe mit einem angemessenen Kontrast zu erzeugen, wenn die BG und Textfarbe. Ich werde mich weiter mit der Vorstellung von Farben auf gegenüberliegenden Seiten des Rads befassen, da dies etwas ist, das ziemlich einfach aus HSL-Werten verwendet werden kann.
Gibt es bei einem weißen Hintergrund und schwarzem oder grauem Text eine Formel, um eine Linkfarbe mit gutem Kontrast zu finden?
AntwortenHierDatenschutz-Bestimmungen1y, 0v