Criado em 07/25/2025 08:07
Semantic UX Flow for React
Logic Mint
#a8e6cf
Context Sky
#81d4fa
Render Slate
#37474f
Hook Violet
#ba68c8
Prop Sand
#fff3e0
State Yellow
#ffeb3b
A paleta consiste em cores Luz. Cores de destaque Context Sky #81d4fa e Prop Sand #fff3e0. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
A paleta Semantic UX Flow for React tem uma combinação de cores de códigos de 6:
HEX: #a8e6cf, RGB: (168, 230, 207); HEX: #81d4fa, RGB: (129, 212, 250); HEX: #37474f, RGB: (55, 71, 79)
HEX: #ba68c8, RGB: (186, 104, 200); HEX: #fff3e0, RGB: (255, 243, 224); HEX: #ffeb3b, RGB: (255, 235, 59)
Versão simplificada das cores da paleta
Matiz de paleturquoise, Sombra de skyblue, Matiz de darkslategrey, Sombra de mediumorchid, Sombra de antiquewhite, Matiz de Amarelo
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Semantic UX Flow for React códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Logic Mint | — |
| #81d4fa | #81d4fa | RGB(129, 212, 250) | Context Sky | — |
| #37474f | #37474f | RGB(55, 71, 79) | Render Slate | — |
| #ba68c8 | #ba68c8 | RGB(186, 104, 200) | Hook Violet | — |
| #fff3e0 | #fff3e0 | RGB(255, 243, 224) | Prop Sand | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | State Yellow | — |
Contraste da Paleta de Cores
6 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 |
#a8e6cf | #81d4fa | 1.16 |
#a8e6cf | #fff3e0 | 1.28 |
#a8e6cf | #ffeb3b | 1.15 |
#81d4fa | #fff3e0 | 1.5 |
#81d4fa | #ffeb3b | 1.35 |
#fff3e0 | #ffeb3b | 1.11 |
