Criado em 03/16/2022 12:09
Figam ux design ui
- Coral Reef#f37b64
- Vivid Tangerine#f5ac84
- Bole#764133
- Dark Chestnut#9f6c5e
- Pale Silver#cfbeb6
- Bistre#402824
A paleta consiste em cores Luz, Escuro. Cores de destaque Coral Reef #f37b64 e Vivid Tangerine #f5ac84. A paleta tem Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #402824 (mais escuro) a #CFBEB6 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
A distribuição de matizes sugere um agrupamento maioritariamente análogo (heurística, não regra rígida).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #402824, #764133, #9F6C5E, #CFBEB6, #F37B64, #F5AC84
A paleta Figam ux design ui tem uma combinação de cores de códigos de 6:
HEX: #f37b64, RGB: (243, 123, 100); HEX: #f5ac84, RGB: (245, 172, 132); HEX: #764133, RGB: (118, 65, 51)
HEX: #9f6c5e, RGB: (159, 108, 94); HEX: #cfbeb6, RGB: (207, 190, 182); HEX: #402824, RGB: (64, 40, 36)
Versão simplificada das cores da paleta
Matiz de salmon, Sombra de lightsalmon, Matiz de saddlebrown, Matiz de indianred, Sombra de Prata, Sombra de Preto
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Figam ux design ui códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f37b64 | #f37b64 | RGB(243, 123, 100) | Coral Reef | — |
| #f5ac84 | #f5ac84 | RGB(245, 172, 132) | Vivid Tangerine | — |
| #764133 | #764133 | RGB(118, 65, 51) | Bole | — |
| #9f6c5e | #9f6c5e | RGB(159, 108, 94) | Dark Chestnut | — |
| #cfbeb6 | #cfbeb6 | RGB(207, 190, 182) | Pale Silver | — |
| #402824 | #402824 | RGB(64, 40, 36) | Bistre | — |
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 |
#f37b64 | #f5ac84 | 1.42 |
#f37b64 | #9f6c5e | 1.63 |
#f37b64 | #cfbeb6 | 1.49 |
#f5ac84 | #cfbeb6 | 1.05 |
#764133 | #9f6c5e | 1.85 |
#764133 | #402824 | 1.66 |
Paleta de imagens Figam ux design ui png
Exportar paleta
Baixe a "Figam ux design ui" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: