Loading...
Criado em 12/23/2022 21:16
Education ui design figma hex colors
- Naples Yellow#f8d45c
- Orange-Yellow (Crayola)#f5d171
- Bronze Yellow#7f6305
- Spicy Mix#94574d
- Silver Pink#d0b0b4
- Deep Moss Green#34644c
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Naples Yellow #f8d45c e Bronze Yellow #7f6305. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #7F6305 (mais escuro) a #D0B0B4 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — tons suaves e acentos mais vivos.
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 quente.
Códigos HEX (ordenados): #34644C, #7F6305, #94574D, #D0B0B4, #F5D171, #F8D45C
A paleta Education ui design figma hex colors tem uma combinação de cores de códigos de 6:
HEX: #f8d45c, RGB: (248, 212, 92); HEX: #f5d171, RGB: (245, 209, 113); HEX: #7f6305, RGB: (127, 99, 5)
HEX: #94574d, RGB: (148, 87, 77); HEX: #d0b0b4, RGB: (208, 176, 180); HEX: #34644c, RGB: (52, 100, 76)
Versão simplificada das cores da paleta
Sombra de gold, Matiz de Cáqui, Matiz de Oliva, Sombra de sienna, Matiz de thistle, Sombra de darkslategrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Education ui design figma hex colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f8d45c | #f8d45c | RGB(248, 212, 92) | Naples Yellow | — |
| #f5d171 | #f5d171 | RGB(245, 209, 113) | Orange-Yellow (Crayola) | — |
| #7f6305 | #7f6305 | RGB(127, 99, 5) | Bronze Yellow | — |
| #94574d | #94574d | RGB(148, 87, 77) | Spicy Mix | — |
| #d0b0b4 | #d0b0b4 | RGB(208, 176, 180) | Silver Pink | — |
| #34644c | #34644c | RGB(52, 100, 76) | Deep Moss Green | — |
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 |
#f8d45c | #f5d171 | 1.02 |
#f8d45c | #d0b0b4 | 1.38 |
#f5d171 | #d0b0b4 | 1.34 |
#7f6305 | #94574d | 1.01 |
#7f6305 | #34644c | 1.2 |
#94574d | #34644c | 1.21 |
Paleta de imagens Education ui design figma hex colors png
Exportar paleta
Baixe a "Education ui design figma hex colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: