por que o texto em preto tem pixels laranja e azul

Por que quando você aumenta o zoom em algum texto em preto, descobre que ele é composto de pixels laranja, ligeiramente pretos e azuis, como na figura abaixo.

Isso é chamado de renderização de subpixel.

As diferentes cores primárias do seu monitor não são empilhadas umas sobre as outras. Em vez disso, eles são organizados próximos um do outro. Monitores diferentes têm padrões diferentes, mas geralmente são alinhados para que as cores fiquem lado a lado.

Se você conhece o arranjo físico, pode preparar a imagem para calcular uma posição de amostra diferente para cada canal de cor. Em essência, você aumenta a resolução da sua imagem para tratar cada cor individual como um pixel separado.

Obviamente, isso significa que você precisa conhecer a orientação da tela e ter alguns dados que podem ser alterados. A imagem não seria tão útil em outros monitores com diferentes alinhamentos de pixels. Portanto, isso é reservado para itens gerados dinamicamente, na maioria das vezes fontes.

Isso também significa que, quando ampliado ou apresentado em uma mídia com subpixels diferentes ou inexistentes, o efeito será registrado como um borrão. Portanto, aumentar o zoom nos pixels de uma imagem renderizada com subpixel não é uma boa ideia. Por esse motivo, pode ser uma boa idéia desativar o efeito se você criar imagens para uso de outras pessoas e o alinhamento do subpixel for desconhecido.