Figma UX Accessibility Matrix
- Focus Lime#e3ff4a
- Alt Text Dust#cccccc
- Frame Coral#ff796f
- Pixel White#ffffff
- Hierarchy Ink#202124
- Pathfinder Blue#5584ff
- Tactile Taupe#b5a692
Criado em 07/24/2025 13:24
A paleta consiste em cores Claro, Escuro. Cores de destaque Focus Lime #e3ff4a e Pathfinder Blue #5584ff. A paleta tem Quente, Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #202124 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece maioritariamente suave (croma baixo) — 57% das cores são suaves.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o quente (3 de 7).
Códigos HEX (ordenados): #202124, #5584FF, #B5A692, #CCCCCC, #E3FF4A, #FF796F, #FFFFFF
A paleta Figma UX Accessibility Matrix combina 7 códigos de cor:
HEX: #e3ff4a, RGB: (227, 255, 74); HEX: #cccccc, RGB: (204, 204, 204); HEX: #ff796f, RGB: (255, 121, 111)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #202124, RGB: (32, 33, 36); HEX: #5584ff, RGB: (85, 132, 255)
HEX: #b5a692, RGB: (181, 166, 146)
Versão simplificada das cores da paleta
Tom claro de Amarelo, Tom escuro de Cinza-claro, Tom escuro de Salmão, Branco, Tom claro de Preto, Tom escuro de Azul-centáurea, Tom escuro de Castanho-claro
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Figma UX Accessibility Matrix códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #e3ff4a | #e3ff4a | RGB(227, 255, 74) | Focus Lime | — |
| #cccccc | #cccccc | RGB(204, 204, 204) | Alt Text Dust | Cerebral Grey |
| #ff796f | #ff796f | RGB(255, 121, 111) | Frame Coral | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Pixel White | White |
| #202124 | #202124 | RGB(32, 33, 36) | Hierarchy Ink | Noble Black |
| #5584ff | #5584ff | RGB(85, 132, 255) | Pathfinder Blue | — |
| #b5a692 | #b5a692 | RGB(181, 166, 146) | Tactile Taupe | — |
Contraste da paleta de cores
8 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#e3ff4a | #cccccc | 1.42 |
#e3ff4a | #ffffff | 1.12 |
#cccccc | #ff796f | 1.59 |
#cccccc | #ffffff | 1.6 |
#cccccc | #b5a692 | 1.48 |
#ff796f | #5584ff | 1.34 |
Paleta de imagens Figma UX Accessibility Matrix png
Exportar paleta
Baixe a "Figma UX Accessibility Matrix" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: