Warum fügt der Browser einer einfarbigen Schriftfarbe bläuliche und bräunliche Farben hinzu?

Dies wird als Subpixel-Rendering oder Subpixel-Anti-Aliasing bezeichnet. Microsoft tut etwas Ähnliches für die meisten Windows-Anwendungen.

Ihr Bildschirm besteht aus Farben, die nebeneinander liegen. Wenn Sie ein einfaches Sample-basiertes Anti-Aliasing durchführen, erhalten Sie nicht das bestmögliche Ergebnis. Wenn Sie jedoch das Wissen darüber nutzen, wie die Pixel angeordnet sind, können Sie bessere Ergebnisse erzielen. Da Sie mit weniger als einem Pixel an Daten arbeiten.

Damit sollte man aber vorsichtig sein. Unterschiedliche Monitore haben unterschiedliche Anordnungen für die Farbabgabe (daher der von @PaoloGibellini erwähnte Tuner). Wenn Sie also Screenshots in sehr hoher Qualität erstellen, ist es möglicherweise eine gute Idee, das Subpixel-Rendering auszuschalten, da Sie sonst 2 Mal einen Fehler erhalten*. Ebenso ist es am besten, dies zu deaktivieren, wenn Sie Screenshots für den Druck machen, oder Ihr Text sieht aus wie ein verschmierter Regenbogen.

^{*Einmal vom Monitor, der eine Ordnung hat und einmal vom Bild, das eine andere Ordnung hat}

Dies wird als Subpixel-Rendering bezeichnet . Die unterschiedlichen Farben sind nur sichtbar, weil das Bild vergrößert wurde. Es wird einfacher sein, ein Beispiel für Weiß auf Schwarz zu geben.

Stellen Sie sich eine ein Pixel dicke weiße Linie vor. Bei den meisten Desktop-LCD-Bildschirmen sind die einzelnen Subpixel-Farben horizontal angeordnet. Solange alle drei Farbpixel eingeschaltet sind, sehen wir eine ein Pixel dicke weiße Linie - egal in welcher Reihenfolge die Farben sind. Dies zeigen die ersten beiden Zeilen. Die Verwendung von Subpixel-Rendering erhöht die horizontale Auflösung des Bildschirms um das Dreifache, was besonders beim Lesen von horizontalem Text hilfreich ist.

Aber wenn Sie einen Screenshot machen und ihn vergrößern, sehen Sie nicht die Subpixel, sondern die Farben, die sie kombinieren, um sie zu erzeugen. Wenn unsere Ein-Pixel-Linie mit den Pixeln ausgerichtet ist, sehen Sie nur eine weiße Ein-Pixel-Linie. Ist dies jedoch nicht der Fall, sehen Sie eine zwei Pixel dicke Linie, die aus zwei Farben besteht. Sie können dies persönlich sehen, wenn Sie nah genug an Ihrem Bildschirm sind, dass Sie die Lücken zwischen den Pixeln sehen können. Wenn Sie nah genug sind, können Ihre Augen die geteilten Pixel möglicherweise nicht zusammen auflösen, und Sie sehen die Linie als zwei Pixel breit. Aber wenn die Bildschirmauflösung hoch genug ist, kann das Subpixel-Rendering wirklich gut funktionieren und wird nur bemerkt, wenn Sie Screenshots vergrößern.