Criado em 02/13/2022 17:38
Web design ui colours
- Brass#b69a48
- Isabelline#f7f4eb
- Dark Brown#5e5025
- Gray (HTML/CSS Gray)#7c8484
- Pale Silver#c4c4b4
- Outer Space#3e5048
A paleta consiste em cores Luz. Cores de destaque Dark Brown #5e5025 e Gray (HTML/CSS Gray) #7c8484. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #5E5025 (mais escuro) a #F7F4EB (mais claro). A faixa de luminosidade é ampla.
A saturação está num intervalo médio.
Os matizes ficam numa faixa vizinha na roda (heurística).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #3E5048, #5E5025, #7C8484, #B69A48, #C4C4B4, #F7F4EB
A paleta Web design ui colours tem uma combinação de cores de códigos de 6:
HEX: #b69a48, RGB: (182, 154, 72); HEX: #f7f4eb, RGB: (247, 244, 235); HEX: #5e5025, RGB: (94, 80, 37)
HEX: #7c8484, RGB: (124, 132, 132); HEX: #c4c4b4, RGB: (196, 196, 180); HEX: #3e5048, RGB: (62, 80, 72)
Versão simplificada das cores da paleta
Sombra de darkgoldenrod, Matiz de floralwhite, Matiz de darkolivegreen, Sombra de Cinza, Sombra de Prata, Sombra de darkslategrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Web design ui colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #b69a48 | #b69a48 | RGB(182, 154, 72) | Brass | — |
| #f7f4eb | #f7f4eb | RGB(247, 244, 235) | Isabelline | — |
| #5e5025 | #5e5025 | RGB(94, 80, 37) | Dark Brown | — |
| #7c8484 | #7c8484 | RGB(124, 132, 132) | Gray (HTML/CSS Gray) | — |
| #c4c4b4 | #c4c4b4 | RGB(196, 196, 180) | Pale Silver | — |
| #3e5048 | #3e5048 | RGB(62, 80, 72) | Outer Space | — |
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 |
#b69a48 | #7c8484 | 1.4 |
#b69a48 | #c4c4b4 | 1.54 |
#f7f4eb | #c4c4b4 | 1.6 |
#5e5025 | #3e5048 | 1.08 |
Paleta de imagens Web design ui colours png
Exportar paleta
Baixe a "Web design ui colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: