Inspecionar webkit-input-placeholder com ferramentas de desenvolvedor

É possível estilizar o espaço reservado de uma entrada de texto com o seguinte:

-webkit-input-placeholder {
    color: red;
}

Estou procurando um site on-line e gostaria de usar a mesma cor de espaço reservado que eles. É possível descobrir qual a cor que eles usaram? Gostaria de incluir quaisquer valores alfa, portanto não posso apenas provar a cor com um editor de imagens.

Quando inspeciono o elemento com as Ferramentas de Desenvolvimento do Chrome, vejo:

As ferramentas de desenvolvimento não fornecem informações sobre o elemento de espaço reservado ao inspecionar o elemento de entrada. Existe outro caminho?

Eu descobri.

O truque é ativar 'Mostrar DOM da sombra do agente do usuário' no painel Configurações das Ferramentas do desenvolvedor do Chrome:

Para acessar as configurações, clique no botão "⋮" no canto superior direito do painel Ferramentas do desenvolvedor, clique em Configurações e ele fica na guia Preferências padrão.

Com isso, agora você pode ver:

1. Para o Google Chrome versão 69:
2. Abrir Inspecionar elementos: No Mac ⌘ + Shift + C, no Windows / Linux Ctrl + Shift + C OU F12.
3. Clique no botão "⋮" no canto superior direito e vá para configurações
4. Nas configurações, clique em Preferências> Clique em Mostrar agente do usuário Shadow DOM

As imagens abaixo mostram o processo:

Vá para configurações> Preferências:

Clique em Mostrar DOM do agente do usuário Shadow:

Veja o CSS do espaço reservado: