12 pontos por xguru 2023-02-08 | Ainda não há comentários. | Compartilhar no WhatsApp
  • O CSS Color 4 oferece uma ampla variedade de ferramentas e recursos de cor para a web, e começa a dar suporte a CSS em HD
  • Os dispositivos de exibição estão cada vez melhores, mas o CSS não vinha conseguindo acompanhar isso
  • No CSS, por 25 anos, só foi usado o gamut sRGB, que representa apenas 30% das cores que o olho humano consegue ver
  • A partir do Chrome 111, há suporte a CSS Color Level 4
    • É possível escolher entre 12 novos espaços de cor com suporte a gamuts como Rec. 2020, Display P3, ProPhoto e outros
    • Agora ele se equipara ao Safari, que já oferecia suporte a display-p3 desde 2016 (um gamut criado pela Apple)
  • O CSS agora passa a oferecer suporte a displays HD, e nos navegadores compatíveis é possível exibir 50% mais cores

Índice do artigo

  • Visão geral
    • O que é gamut de cores (Color Gamut)?
    • A faixa visual humana
    • O que é espaço de cor (Color Space)?
    • Resumo de gamut e espaço de cor
  • Como acessar mais cores, espaços e resultados de depuração
    • Revisão dos espaços de cor clássicos
    • Conhecendo os novos espaços de cor da web
    • Interpolação de cores
    • Clamping de gamut
    • Escolhendo um espaço de cor
  • Como migrar para cores CSS em HD
    • Verificando suporte a gamut e espaço de cor
    • Depuração de cores com as Ferramentas do Desenvolvedor do Chrome
  • Conclusão

Ainda não há comentários.

Ainda não há comentários.