Functional Reactive UX Schema
- Pipe Coral#ff6b6b
- Signal Cream#fff8e7
- Stream Graphite#3b3b3b
- Map Teal#4de1c1
- Flat Blue#80b1f7
- Fold White#f5f5f5
Criado em 07/28/2025 11:20
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Signal Cream #fff8e7 e Flat Blue #80b1f7. A paleta tem Quente, Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #3B3B3B (mais escuro) a #FFF8E7 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 67% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (2 de 6).
Códigos HEX (ordenados): #3B3B3B, #4DE1C1, #80B1F7, #F5F5F5, #FF6B6B, #FFF8E7
A paleta Functional Reactive UX Schema combina 6 códigos de cor:
HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #fff8e7, RGB: (255, 248, 231); HEX: #3b3b3b, RGB: (59, 59, 59)
HEX: #4de1c1, RGB: (77, 225, 193); HEX: #80b1f7, RGB: (128, 177, 247); HEX: #f5f5f5, RGB: (245, 245, 245)
Versão simplificada das cores da paleta
Tom escuro de Salmão, Tom claro de Renda-antiga, Tom escuro de Cinza-ardósia-escuro, Tom claro de Turquesa, Tom claro de Azul-centáurea, Fumaça-branca
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Functional Reactive UX Schema códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Pipe Coral | — |
| #fff8e7 | #fff8e7 | RGB(255, 248, 231) | Signal Cream | Cosmic Latte |
| #3b3b3b | #3b3b3b | RGB(59, 59, 59) | Stream Graphite | Gray23 |
| #4de1c1 | #4de1c1 | RGB(77, 225, 193) | Map Teal | — |
| #80b1f7 | #80b1f7 | RGB(128, 177, 247) | Flat Blue | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Fold White | Whitesmoke |
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 | Razão de contraste |
|---|---|---|
#ff6b6b | #4de1c1 | 1.69 |
#ff6b6b | #80b1f7 | 1.26 |
#fff8e7 | #4de1c1 | 1.54 |
#fff8e7 | #f5f5f5 | 1.02 |
#4de1c1 | #80b1f7 | 1.34 |
#4de1c1 | #f5f5f5 | 1.49 |
Paleta de imagens Functional Reactive UX Schema png
Exportar paleta
Baixe a "Functional Reactive UX Schema" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: