Criado em 07/07/2025 17:01
Accessible Light UI Surface
- Bone White#faf9f6
- Sodium Gray#dadada
- Interface Lilac#e1c6ff
- LowVision Yellow#ffef98
- Contrast Text Black#101010
- Highlight Sky#b3e5fc
A paleta consiste em cores Luz, Escuro. Cores de destaque Interface Lilac #e1c6ff e LowVision Yellow #ffef98. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #101010 (mais escuro) a #FAF9F6 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #101010, #B3E5FC, #DADADA, #E1C6FF, #FAF9F6, #FFEF98
A paleta Accessible Light UI Surface tem uma combinação de cores de códigos de 6:
HEX: #faf9f6, RGB: (250, 249, 246); HEX: #dadada, RGB: (218, 218, 218); HEX: #e1c6ff, RGB: (225, 198, 255)
HEX: #ffef98, RGB: (255, 239, 152); HEX: #101010, RGB: (16, 16, 16); HEX: #b3e5fc, RGB: (179, 229, 252)
Versão simplificada das cores da paleta
Sombra de whitesmoke, Matiz de gainsboro, Sombra de thistle, Sombra de Cáqui, Sombra de Preto, Sombra de lightblue
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Accessible Light UI Surface códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Bone White | — |
| #dadada | #dadada | RGB(218, 218, 218) | Sodium Gray | — |
| #e1c6ff | #e1c6ff | RGB(225, 198, 255) | Interface Lilac | — |
| #ffef98 | #ffef98 | RGB(255, 239, 152) | LowVision Yellow | — |
| #101010 | #101010 | RGB(16, 16, 16) | Contrast Text Black | — |
| #b3e5fc | #b3e5fc | RGB(179, 229, 252) | Highlight Sky | — |
Contraste da Paleta de Cores
10 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#faf9f6 | #dadada | 1.32 |
#faf9f6 | #e1c6ff | 1.45 |
#faf9f6 | #ffef98 | 1.1 |
#faf9f6 | #b3e5fc | 1.28 |
#dadada | #e1c6ff | 1.09 |
#dadada | #ffef98 | 1.2 |
Paleta de imagens Accessible Light UI Surface png
Exportar paleta
Baixe a "Accessible Light UI Surface" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: