Criado em 01/30/2022 09:24
Figma design ux ui
- Spanish Yellow#ebb519
- Light Coral#e68881
- Bistre Brown#8c6c0b
- Rose Taupe#935759
- Black Shadows#bea9af
- Space Cadet#2c2f50
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Bistre Brown #8c6c0b e Space Cadet #2c2f50. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #2C2F50 (mais escuro) a #E68881 (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): #2C2F50, #8C6C0B, #935759, #BEA9AF, #E68881, #EBB519
A paleta Figma design ux ui tem uma combinação de cores de códigos de 6:
HEX: #ebb519, RGB: (235, 181, 25); HEX: #e68881, RGB: (230, 136, 129); HEX: #8c6c0b, RGB: (140, 108, 11)
HEX: #935759, RGB: (147, 87, 89); HEX: #bea9af, RGB: (190, 169, 175); HEX: #2c2f50, RGB: (44, 47, 80)
Versão simplificada das cores da paleta
Sombra de goldenrod, Sombra de lightcoral, Matiz de Oliva, Matiz de indianred, Sombra de rosybrown, Matiz de darkslateblue
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Figma design ux ui códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ebb519 | #ebb519 | RGB(235, 181, 25) | Spanish Yellow | — |
| #e68881 | #e68881 | RGB(230, 136, 129) | Light Coral | — |
| #8c6c0b | #8c6c0b | RGB(140, 108, 11) | Bistre Brown | — |
| #935759 | #935759 | RGB(147, 87, 89) | Rose Taupe | — |
| #bea9af | #bea9af | RGB(190, 169, 175) | Black Shadows | — |
| #2c2f50 | #2c2f50 | RGB(44, 47, 80) | Space Cadet | — |
Contraste da Paleta de Cores
5 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 |
|---|---|---|
#ebb519 | #e68881 | 1.35 |
#ebb519 | #bea9af | 1.17 |
#e68881 | #8c6c0b | 1.92 |
#e68881 | #bea9af | 1.15 |
#8c6c0b | #935759 | 1.13 |
Paleta de imagens Figma design ux ui png
Exportar paleta
Baixe a "Figma design ux ui" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: