Criado em 08/25/2025 19:34
React Native Gamified Component Flow ColorsKit
- Hook Blue#4ea8de
- State Green#50c878
- Prop Pink#ff7f91
- Context Cream#fff4e1
- Render Slate#1f2029
- Virtual DOM Black#101010
- Highlight Orange#ff9f43
A paleta consiste em cores Luz, Escuro. Cores de destaque Hook Blue #4ea8de e Context Cream #fff4e1. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #101010 (mais escuro) a #FFF4E1 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
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, #1F2029, #4EA8DE, #50C878, #FF7F91, #FF9F43, #FFF4E1
A paleta React Native Gamified Component Flow ColorsKit tem uma combinação de cores de códigos de 7:
HEX: #4ea8de, RGB: (78, 168, 222); HEX: #50c878, RGB: (80, 200, 120); HEX: #ff7f91, RGB: (255, 127, 145)
HEX: #fff4e1, RGB: (255, 244, 225); HEX: #1f2029, RGB: (31, 32, 41); HEX: #101010, RGB: (16, 16, 16)
HEX: #ff9f43, RGB: (255, 159, 67)
Versão simplificada das cores da paleta
Sombra de deepskyblue, Sombra de mediumseagreen, Sombra de lightcoral, Matiz de oldlace, Sombra de Preto, Sombra de Preto, Matiz de sandybrown
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
React Native Gamified Component Flow ColorsKit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #4ea8de | #4ea8de | RGB(78, 168, 222) | Hook Blue | — |
| #50c878 | #50c878 | RGB(80, 200, 120) | State Green | Emerald Reflection |
| #ff7f91 | #ff7f91 | RGB(255, 127, 145) | Prop Pink | — |
| #fff4e1 | #fff4e1 | RGB(255, 244, 225) | Context Cream | — |
| #1f2029 | #1f2029 | RGB(31, 32, 41) | Render Slate | — |
| #101010 | #101010 | RGB(16, 16, 16) | Virtual DOM Black | — |
| #ff9f43 | #ff9f43 | RGB(255, 159, 67) | Highlight Orange | — |
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 |
#4ea8de | #50c878 | 1.23 |
#4ea8de | #ff7f91 | 1.08 |
#4ea8de | #ff9f43 | 1.28 |
#50c878 | #ff7f91 | 1.13 |
#50c878 | #fff4e1 | 1.95 |
#50c878 | #ff9f43 | 1.04 |
Paleta de imagens React Native Gamified Component Flow ColorsKit png
Exportar paleta
Baixe a "React Native Gamified Component Flow ColorsKit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: