Criado em 09/03/2025 14:20
UI Accessibility Story Mapping Grid
- Contrast Aqua#00bfa6
- Persona Peach#ffb997
- Flow Yellow#ffdd00
- Guidebook Gray#dfe0e2
- Inclusive Indigo#5a5a9c
- Canvas White#ffffff
- Marker Black#151515
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Contrast Aqua #00bfa6 e Flow Yellow #ffdd00. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #151515 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece maioritariamente suave (croma baixo).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #00BFA6, #151515, #5A5A9C, #DFE0E2, #FFB997, #FFDD00, #FFFFFF
A paleta UI Accessibility Story Mapping Grid tem uma combinação de cores de códigos de 7:
HEX: #00bfa6, RGB: (0, 191, 166); HEX: #ffb997, RGB: (255, 185, 151); HEX: #ffdd00, RGB: (255, 221, 0)
HEX: #dfe0e2, RGB: (223, 224, 226); HEX: #5a5a9c, RGB: (90, 90, 156); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #151515, RGB: (21, 21, 21)
Versão simplificada das cores da paleta
Matiz de lightseagreen, Sombra de lightsalmon, Sombra de gold, Sombra de gainsboro, Matiz de slateblue, Branco, Sombra de Preto
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
UI Accessibility Story Mapping Grid códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #00bfa6 | #00bfa6 | RGB(0, 191, 166) | Contrast Aqua | — |
| #ffb997 | #ffb997 | RGB(255, 185, 151) | Persona Peach | — |
| #ffdd00 | #ffdd00 | RGB(255, 221, 0) | Flow Yellow | Super Saiyan |
| #dfe0e2 | #dfe0e2 | RGB(223, 224, 226) | Guidebook Gray | — |
| #5a5a9c | #5a5a9c | RGB(90, 90, 156) | Inclusive Indigo | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Canvas White | White |
| #151515 | #151515 | RGB(21, 21, 21) | Marker Black | Matt Black |
Contraste da Paleta de Cores
9 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 |
#00bfa6 | #ffb997 | 1.4 |
#00bfa6 | #ffdd00 | 1.73 |
#00bfa6 | #dfe0e2 | 1.76 |
#ffb997 | #ffdd00 | 1.23 |
#ffb997 | #dfe0e2 | 1.25 |
#ffb997 | #ffffff | 1.66 |
Paleta de imagens UI Accessibility Story Mapping Grid png
Exportar paleta
Baixe a "UI Accessibility Story Mapping Grid" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: