Formgrid Builder Panel
- Primary Apricot Note#ffd8b9
- Secondary Frost Sheet#fff9f2
- Accent Interface Pink#ffb3c7
- Accent Calm Sky#d6edff
- Surface Kit White#ffffff
- Text Sketch Ink#202020
Criado em 06/01/2025 08:19
A paleta consiste em cores Claro, Escuro. Cores de destaque Secondary Frost Sheet #fff9f2 e Accent Calm Sky #d6edff. A paleta tem Quente, Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #202020 (mais escuro) a #FFFFFF (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 quente (2 de 6).
Códigos HEX (ordenados): #202020, #D6EDFF, #FFB3C7, #FFD8B9, #FFF9F2, #FFFFFF
A paleta Formgrid Builder Panel combina 6 códigos de cor:
HEX: #ffd8b9, RGB: (255, 216, 185); HEX: #fff9f2, RGB: (255, 249, 242); HEX: #ffb3c7, RGB: (255, 179, 199)
HEX: #d6edff, RGB: (214, 237, 255); HEX: #ffffff, RGB: (255, 255, 255); HEX: #202020, RGB: (32, 32, 32)
Versão simplificada das cores da paleta
Tom escuro de Pêssego, Tom claro de Concha, Tom escuro de Rosa-claro, Tom escuro de Azul-alice, Branco, Tom claro de Preto
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Formgrid Builder Panel códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ffd8b9 | #ffd8b9 | RGB(255, 216, 185) | Primary Apricot Note | — |
| #fff9f2 | #fff9f2 | RGB(255, 249, 242) | Secondary Frost Sheet | — |
| #ffb3c7 | #ffb3c7 | RGB(255, 179, 199) | Accent Interface Pink | — |
| #d6edff | #d6edff | RGB(214, 237, 255) | Accent Calm Sky | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface Kit White | White |
| #202020 | #202020 | RGB(32, 32, 32) | Text Sketch Ink | — |
Contraste da paleta de cores
10 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 |
|---|---|---|
#ffd8b9 | #fff9f2 | 1.27 |
#ffd8b9 | #ffb3c7 | 1.25 |
#ffd8b9 | #d6edff | 1.1 |
#ffd8b9 | #ffffff | 1.33 |
#fff9f2 | #ffb3c7 | 1.6 |
#fff9f2 | #d6edff | 1.15 |
Paleta de imagens Formgrid Builder Panel png
Exportar paleta
Baixe a "Formgrid Builder Panel" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: