Criado em 02/06/2022 20:08
Design ui ux course colors palette
- Blue (Crayola)#1474f1
- Orange-Yellow (Crayola)#f4d474
- Space Cadet#14335d
- Beaver#9d8867
- Silver Sand#c3c0c8
- Dark Gunmetal#192034
A paleta consiste em cores Luz, Escuro. Cores de destaque Blue (Crayola) #1474f1 e Orange-Yellow (Crayola) #f4d474. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #192034 (mais escuro) a #C3C0C8 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 2 suaves e 3 vívidas em 6 cores.
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 (3 de 6).
Códigos HEX (ordenados): #14335D, #1474F1, #192034, #9D8867, #C3C0C8, #F4D474
A paleta Design ui ux course colors palette tem uma combinação de cores de códigos de 6:
HEX: #1474f1, RGB: (20, 116, 241); HEX: #f4d474, RGB: (244, 212, 116); HEX: #14335d, RGB: (20, 51, 93)
HEX: #9d8867, RGB: (157, 136, 103); HEX: #c3c0c8, RGB: (195, 192, 200); HEX: #192034, RGB: (25, 32, 52)
Versão simplificada das cores da paleta
Matiz de royalblue, Matiz de Cáqui, Sombra de midnightblue, Matiz de tan, Sombra de Prata, Sombra de Preto
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design ui ux course colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #1474f1 | #1474f1 | RGB(20, 116, 241) | Blue (Crayola) | — |
| #f4d474 | #f4d474 | RGB(244, 212, 116) | Orange-Yellow (Crayola) | — |
| #14335d | #14335d | RGB(20, 51, 93) | Space Cadet | — |
| #9d8867 | #9d8867 | RGB(157, 136, 103) | Beaver | — |
| #c3c0c8 | #c3c0c8 | RGB(195, 192, 200) | Silver Sand | — |
| #192034 | #192034 | RGB(25, 32, 52) | Dark Gunmetal | — |
Contraste da Paleta de Cores
4 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 |
|---|---|---|
#1474f1 | #9d8867 | 1.28 |
#f4d474 | #c3c0c8 | 1.24 |
#14335d | #192034 | 1.28 |
#9d8867 | #c3c0c8 | 1.9 |
Paleta de imagens Design ui ux course colors palette png
Exportar paleta
Baixe a "Design ui ux course colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: