Criado em 07/10/2025 08:52
Mobile First Interface Colors
- Touch Blue#0096c7
- Overlay Cotton#fefcf3
- Gesture Indigo#776bcc
- Focus Cream#fff8e1
- Popup Blush#ffc1cc
- Scrollbar Charcoal#2a2a2a
A paleta consiste em cores Luz, Escuro. Cores de destaque Touch Blue #0096c7 e Focus Cream #fff8e1. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #2A2A2A (mais escuro) a #FEFCF3 (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): #0096C7, #2A2A2A, #776BCC, #FEFCF3, #FFC1CC, #FFF8E1
A paleta Mobile First Interface Colors tem uma combinação de cores de códigos de 6:
HEX: #0096c7, RGB: (0, 150, 199); HEX: #fefcf3, RGB: (254, 252, 243); HEX: #776bcc, RGB: (119, 107, 204)
HEX: #fff8e1, RGB: (255, 248, 225); HEX: #ffc1cc, RGB: (255, 193, 204); HEX: #2a2a2a, RGB: (42, 42, 42)
Versão simplificada das cores da paleta
Matiz de steelblue, Sombra de floralwhite, Matiz de mediumslateblue, Sombra de cornsilk, Sombra de Rosa, Sombra de Preto
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Mobile First Interface Colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #0096c7 | #0096c7 | RGB(0, 150, 199) | Touch Blue | — |
| #fefcf3 | #fefcf3 | RGB(254, 252, 243) | Overlay Cotton | — |
| #776bcc | #776bcc | RGB(119, 107, 204) | Gesture Indigo | — |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Focus Cream | Still Morning |
| #ffc1cc | #ffc1cc | RGB(255, 193, 204) | Popup Blush | Blobfish |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | Scrollbar Charcoal | The End |
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 |
#0096c7 | #776bcc | 1.3 |
#fefcf3 | #fff8e1 | 1.03 |
#fefcf3 | #ffc1cc | 1.48 |
#fff8e1 | #ffc1cc | 1.43 |
Paleta de imagens Mobile First Interface Colors png
Exportar paleta
Baixe a "Mobile First Interface Colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: