Criado em 04/04/2022 14:03
Ux ui graphic design figma colours
- Brandeis Blue#0c6bf3
- Aero#7cbcec
- Yale Blue#1a4c97
- Rackley#647c9f
- Cadet Blue (Crayola)#a1b0c3
- Smoky Black#140c0d
A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Brandeis Blue #0c6bf3 e Smoky Black #140c0d. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #140C0D (mais escuro) a #7CBCEC (mais claro). A faixa de luminosidade é ampla.
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 frio.
Códigos HEX (ordenados): #0C6BF3, #140C0D, #1A4C97, #647C9F, #7CBCEC, #A1B0C3
A paleta Ux ui graphic design figma colours tem uma combinação de cores de códigos de 6:
HEX: #0c6bf3, RGB: (12, 107, 243); HEX: #7cbcec, RGB: (124, 188, 236); HEX: #1a4c97, RGB: (26, 76, 151)
HEX: #647c9f, RGB: (100, 124, 159); HEX: #a1b0c3, RGB: (161, 176, 195); HEX: #140c0d, RGB: (20, 12, 13)
Versão simplificada das cores da paleta
Matiz de royalblue, Matiz de lightskyblue, Matiz de darkslateblue, Matiz de slategrey, Matiz de lightsteelblue, Sombra de Preto
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Ux ui graphic design figma colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #0c6bf3 | #0c6bf3 | RGB(12, 107, 243) | Brandeis Blue | — |
| #7cbcec | #7cbcec | RGB(124, 188, 236) | Aero | — |
| #1a4c97 | #1a4c97 | RGB(26, 76, 151) | Yale Blue | — |
| #647c9f | #647c9f | RGB(100, 124, 159) | Rackley | — |
| #a1b0c3 | #a1b0c3 | RGB(161, 176, 195) | Cadet Blue (Crayola) | — |
| #140c0d | #140c0d | RGB(20, 12, 13) | Smoky Black | — |
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 |
#0c6bf3 | #1a4c97 | 1.74 |
#0c6bf3 | #647c9f | 1.11 |
#7cbcec | #a1b0c3 | 1.07 |
#1a4c97 | #647c9f | 1.95 |
#647c9f | #a1b0c3 | 1.93 |
Paleta de imagens Ux ui graphic design figma colours png
Exportar paleta
Baixe a "Ux ui graphic design figma colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: