Criado em 02/07/2023 10:12
Website design building product hex colors
- Green Lizard#a1e733
- Powder Blue#b8dde6
- Dark Olive Green#546e22
- Wintergreen Dream#5c947c
- Khaki (HTML/CSS)#ccb49c
- Royal Brown#543c2c
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Green Lizard #a1e733 e Dark Olive Green #546e22. A paleta tem Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #543C2C (mais escuro) a #B8DDE6 (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 quente.
Códigos HEX (ordenados): #543C2C, #546E22, #5C947C, #A1E733, #B8DDE6, #CCB49C
A paleta Website design building product hex colors tem uma combinação de cores de códigos de 6:
HEX: #a1e733, RGB: (161, 231, 51); HEX: #b8dde6, RGB: (184, 221, 230); HEX: #546e22, RGB: (84, 110, 34)
HEX: #5c947c, RGB: (92, 148, 124); HEX: #ccb49c, RGB: (204, 180, 156); HEX: #543c2c, RGB: (84, 60, 44)
Versão simplificada das cores da paleta
Matiz de greenyellow, Sombra de lightblue, Matiz de darkolivegreen, Sombra de seashell, Sombra de tan, Matiz de saddlebrown
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Website design building product hex colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #a1e733 | #a1e733 | RGB(161, 231, 51) | Green Lizard | — |
| #b8dde6 | #b8dde6 | RGB(184, 221, 230) | Powder Blue | — |
| #546e22 | #546e22 | RGB(84, 110, 34) | Dark Olive Green | — |
| #5c947c | #5c947c | RGB(92, 148, 124) | Wintergreen Dream | — |
| #ccb49c | #ccb49c | RGB(204, 180, 156) | Khaki (HTML/CSS) | — |
| #543c2c | #543c2c | RGB(84, 60, 44) | Royal Brown | — |
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 |
#a1e733 | #b8dde6 | 1.03 |
#a1e733 | #ccb49c | 1.32 |
#b8dde6 | #ccb49c | 1.37 |
#546e22 | #5c947c | 1.64 |
#546e22 | #543c2c | 1.76 |
#5c947c | #ccb49c | 1.76 |
Paleta de imagens Website design building product hex colors png
Exportar paleta
Baixe a "Website design building product hex colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: