Criado em 08/23/2025 12:06
Accessible React Native UX Portal
- Surface White#f9f9f9
- Code Indigo#3949ab
- Accent Rose#f48fb1
- Adaptive Aqua#26c6da
- Highlight Orange#ff9800
- Shadow Black#0f0f0f
A paleta consiste em cores Luz, Escuro. Cores de destaque Adaptive Aqua #26c6da e Highlight Orange #ff9800. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #0F0F0F (mais escuro) a #F9F9F9 (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).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #0F0F0F, #26C6DA, #3949AB, #F48FB1, #F9F9F9, #FF9800
A paleta Accessible React Native UX Portal tem uma combinação de cores de códigos de 6:
HEX: #f9f9f9, RGB: (249, 249, 249); HEX: #3949ab, RGB: (57, 73, 171); HEX: #f48fb1, RGB: (244, 143, 177)
HEX: #26c6da, RGB: (38, 198, 218); HEX: #ff9800, RGB: (255, 152, 0); HEX: #0f0f0f, RGB: (15, 15, 15)
Versão simplificada das cores da paleta
Sombra de whitesmoke, Sombra de darkslateblue, Sombra de palevioletred, Sombra de darkturquoise, Sombra de darkorange, Sombra de Preto
O esquema de cores foi criado por hex
Códigos de cores na paleta
Accessible React Native UX Portal códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Surface White | Doctor |
| #3949ab | #3949ab | RGB(57, 73, 171) | Code Indigo | — |
| #f48fb1 | #f48fb1 | RGB(244, 143, 177) | Accent Rose | — |
| #26c6da | #26c6da | RGB(38, 198, 218) | Adaptive Aqua | — |
| #ff9800 | #ff9800 | RGB(255, 152, 0) | Highlight Orange | — |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Shadow Black | Chaos Black |
Contraste da Paleta de Cores
4 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 |
#f9f9f9 | #26c6da | 1.96 |
#f48fb1 | #26c6da | 1.08 |
#f48fb1 | #ff9800 | 1.03 |
#26c6da | #ff9800 | 1.04 |
Paleta de imagens Accessible React Native UX Portal png
Exportar paleta
Baixe a "Accessible React Native UX Portal" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: