Ao criar um site, como sei como os usuários veem as cores?

Ao criar um site, como sei como os usuários veem as cores? Eu vejo as cores do site de maneira diferente do meu Macbook e Windows desktop / notebook. Especialmente, não vejo cores claras na área de trabalho, por exemplo, as bordas cinzas das mesas são invisíveis.

Com quem devo me preocupar ao projetar? Sou capaz de tornar todas as telas bastante semelhantes a uma solução de design?

Resposta curta: você não.

Resposta mais longa: é literalmente impossível levar em consideração todas as configurações e calibrações da tela, circunstâncias e (des) habilidades visuais dos espectadores. É por isso que existem diretrizes para, por exemplo, contraste de texto e de fundo, para garantir alguma usabilidade em pelo menos a maioria dos casos.

Meu fluxo de trabalho pessoal inclui pelo menos dois monitores não calibrados e alguns testes em diferentes dispositivos móveis em diferentes situações de iluminação.

O W3C fez algumas diretrizes sobre o uso da cor e o contraste necessário, que você pode ler aqui . Pessoalmente, uso essa ferramenta de contraste para o texto de Lea Verou para verificar se minhas cores de texto obedecem às diretrizes ou estão pelo menos próximas.

Você não o faz e não pode controlar ou impor as mesmas configurações no monitor / dispositivo de todos. O melhor que você pode fazer é usar um perfil de cores sRGB ao exportar imagens rasterizadas para a web.

O sRGB é o espaço de cores padrão mundial para reprodução de cores na web.

Isso ajudará até certo ponto, mas, em última análise, as preferências do usuário decidirão como as imagens são visualizadas no dispositivo. Obviamente, isso é para imagens rasterizadas, não para outros elementos gráficos em uma página.

Hoje, navegadores e computadores modernos raramente têm problemas para exibir as cores corretas (consulte https://websafecolors.info/learn para obter mais informações sobre isso).

Parece que podem ser os próprios displays que fazem as cores parecerem diferentes. Isso pode ocorrer devido às configurações de brilho, contraste e nível de luz azul do monitor, e até mesmo à própria tecnologia do monitor, como LED e tipo de painel. Não há como impor configurações consistentes em todos os monitores, ou mesmo ler suas configurações e ajustar o site.

Eu recomendaria usar o Inspecionar elemento e observar o código hexadecimal das cores em cada plataforma. Se eles são idênticos, então você sabe que são os displays. A solução será usar cores com mais contraste entre si, para que tenham maior chance de se destacar em todas as telas. Como alternativa, experimente bordas mais grossas ou até mesas acolchoadas sem bordas! A maioria dos usuários possui telas de alta definição, o que abre muitas possibilidades para o design de tabelas, que normalmente usa texto e formatação com espessura de pixel.

A resposta é não, porque as cores do laptop e da área de trabalho não são iguais para cada computador. Você pode usar o código de cores se quiser ter certeza de que a cor é a mesma, por exemplo, você pode digitar este código em css:

background-color: #D2B48C