Criado em 02/10/2023 20:55
Designer ux uidesign ui colors palette
- Satin Sheen Gold#cca440
- Orange-Yellow (Crayola)#f6cd61
- Yankees Blue#1c1a43
- Bronze (Metallic)#b2854d
- Cadet Blue (Crayola)#b4accc
- Space Cadet#2d2d4e
A paleta consiste em cores Luz, Escuro. Cores de destaque Orange-Yellow (Crayola) #f6cd61 e Yankees Blue #1c1a43. A paleta tem Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #1C1A43 (mais escuro) a #B4ACCC (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).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #1C1A43, #2D2D4E, #B2854D, #B4ACCC, #CCA440, #F6CD61
A paleta Designer ux uidesign ui colors palette tem uma combinação de cores de códigos de 6:
HEX: #cca440, RGB: (204, 164, 64); HEX: #f6cd61, RGB: (246, 205, 97); HEX: #1c1a43, RGB: (28, 26, 67)
HEX: #b2854d, RGB: (178, 133, 77); HEX: #b4accc, RGB: (180, 172, 204); HEX: #2d2d4e, RGB: (45, 45, 78)
Versão simplificada das cores da paleta
Matiz de goldenrod, Sombra de gold, Matiz de midnightblue, Matiz de peru, Matiz de thistle, Sombra de midnightblue
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Designer ux uidesign ui colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #cca440 | #cca440 | RGB(204, 164, 64) | Satin Sheen Gold | — |
| #f6cd61 | #f6cd61 | RGB(246, 205, 97) | Orange-Yellow (Crayola) | — |
| #1c1a43 | #1c1a43 | RGB(28, 26, 67) | Yankees Blue | — |
| #b2854d | #b2854d | RGB(178, 133, 77) | Bronze (Metallic) | — |
| #b4accc | #b4accc | RGB(180, 172, 204) | Cadet Blue (Crayola) | — |
| #2d2d4e | #2d2d4e | RGB(45, 45, 78) | Space Cadet | — |
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 |
#cca440 | #f6cd61 | 1.54 |
#cca440 | #b2854d | 1.4 |
#cca440 | #b4accc | 1.08 |
#f6cd61 | #b4accc | 1.42 |
#1c1a43 | #2d2d4e | 1.24 |
#b2854d | #b4accc | 1.52 |
Paleta de imagens Designer ux uidesign ui colors palette png
Exportar paleta
Baixe a "Designer ux uidesign ui colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: