Criado em 07/25/2022 10:38
Web design ui figma colors palette
- Ultramarine Blue#3c54f4
- Orange-Yellow (Crayola)#f5cc66
- Brown Chocolate#61242e
- Moss Green#81a853
- Pastel Gray#d5d7ba
- Liver Chestnut (Horses)#5d3734
A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Ultramarine Blue #3c54f4 e Orange-Yellow (Crayola) #f5cc66. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #61242E (mais escuro) a #D5D7BA (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): #3C54F4, #5D3734, #61242E, #81A853, #D5D7BA, #F5CC66
A paleta Web design ui figma colors palette tem uma combinação de cores de códigos de 6:
HEX: #3c54f4, RGB: (60, 84, 244); HEX: #f5cc66, RGB: (245, 204, 102); HEX: #61242e, RGB: (97, 36, 46)
HEX: #81a853, RGB: (129, 168, 83); HEX: #d5d7ba, RGB: (213, 215, 186); HEX: #5d3734, RGB: (93, 55, 52)
Versão simplificada das cores da paleta
Matiz de slateblue, Sombra de gold, Sombra de Marrom, Sombra de olivedrab, Matiz de beige, Sombra de Marrom
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Web design ui figma colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3c54f4 | #3c54f4 | RGB(60, 84, 244) | Ultramarine Blue | — |
| #f5cc66 | #f5cc66 | RGB(245, 204, 102) | Orange-Yellow (Crayola) | — |
| #61242e | #61242e | RGB(97, 36, 46) | Brown Chocolate | — |
| #81a853 | #81a853 | RGB(129, 168, 83) | Moss Green | — |
| #d5d7ba | #d5d7ba | RGB(213, 215, 186) | Pastel Gray | — |
| #5d3734 | #5d3734 | RGB(93, 55, 52) | Liver Chestnut (Horses) | — |
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 |
#3c54f4 | #5d3734 | 1.82 |
#f5cc66 | #81a853 | 1.79 |
#f5cc66 | #d5d7ba | 1.03 |
#61242e | #5d3734 | 1.14 |
#81a853 | #d5d7ba | 1.86 |
Paleta de imagens Web design ui figma colors palette png
Exportar paleta
Baixe a "Web design ui figma colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: