Mobile App Builder Cloud
- Panel Blush#f9a8d4
- Touch Teal#5eead4
- Navigation Ink#111827
- Gradient Cream#fdf6ec
- Input Gray#9ca3af
- Action Coral#fb7185
- Lite Cloud#f8fafc
Criado em 06/26/2025 08:17
A paleta consiste em cores Claro, Escuro. Cores de destaque Touch Teal #5eead4 e Action Coral #fb7185. A paleta tem Quente, Frio, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #111827 (mais escuro) a #F8FAFC (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 57% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
A maioria das amostras lê-se como neutra em temperatura (4 de 7).
Códigos HEX (ordenados): #111827, #5EEAD4, #9CA3AF, #F8FAFC, #F9A8D4, #FB7185, #FDF6EC
A paleta Mobile App Builder Cloud combina 7 códigos de cor:
HEX: #f9a8d4, RGB: (249, 168, 212); HEX: #5eead4, RGB: (94, 234, 212); HEX: #111827, RGB: (17, 24, 39)
HEX: #fdf6ec, RGB: (253, 246, 236); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #fb7185, RGB: (251, 113, 133)
HEX: #f8fafc, RGB: (248, 250, 252)
Versão simplificada das cores da paleta
Tom claro de Ameixa, Tom claro de Turquesa, Tom claro de Preto, Tom escuro de Concha, Tom escuro de Cinza-escuro, Tom escuro de Coral-claro, Tom claro de Fumaça-branca
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Mobile App Builder Cloud códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Panel Blush | — |
| #5eead4 | #5eead4 | RGB(94, 234, 212) | Touch Teal | — |
| #111827 | #111827 | RGB(17, 24, 39) | Navigation Ink | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Gradient Cream | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Input Gray | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Action Coral | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Lite Cloud | — |
Contraste da paleta de cores
11 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 |
|---|---|---|
#f9a8d4 | #5eead4 | 1.22 |
#f9a8d4 | #fdf6ec | 1.69 |
#f9a8d4 | #9ca3af | 1.39 |
#f9a8d4 | #fb7185 | 1.48 |
#f9a8d4 | #f8fafc | 1.73 |
#5eead4 | #fdf6ec | 1.37 |
Paleta de imagens Mobile App Builder Cloud png
Exportar paleta
Baixe a "Mobile App Builder Cloud" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: