Criado em 11/22/2022 23:59
Web design branding ui
- Watermelon Red#ba393d
- Old Rose#c48385
- Caput Mortuum#5e1e26
- Blast-Off Bronze#a26c5c
- Black Shadows#c1afb2
- Van Dyke Brown#64342c
A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Watermelon Red #ba393d e Caput Mortuum #5e1e26. A paleta tem Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #5E1E26 (mais escuro) a #C1AFB2 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — tons suaves e acentos mais vivos.
A distribuição de matizes sugere um agrupamento maioritariamente análogo (heurística, não regra rígida).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #5E1E26, #64342C, #A26C5C, #BA393D, #C1AFB2, #C48385
A paleta Web design branding ui tem uma combinação de cores de códigos de 6:
HEX: #ba393d, RGB: (186, 57, 61); HEX: #c48385, RGB: (196, 131, 133); HEX: #5e1e26, RGB: (94, 30, 38)
HEX: #a26c5c, RGB: (162, 108, 92); HEX: #c1afb2, RGB: (193, 175, 178); HEX: #64342c, RGB: (100, 52, 44)
Versão simplificada das cores da paleta
Sombra de brown, Matiz de rosybrown, Sombra de Marrom, Sombra de sienna, Sombra de darkgrey, Sombra de Marrom
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Web design branding ui códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ba393d | #ba393d | RGB(186, 57, 61) | Watermelon Red | — |
| #c48385 | #c48385 | RGB(196, 131, 133) | Old Rose | — |
| #5e1e26 | #5e1e26 | RGB(94, 30, 38) | Caput Mortuum | — |
| #a26c5c | #a26c5c | RGB(162, 108, 92) | Blast-Off Bronze | — |
| #c1afb2 | #c1afb2 | RGB(193, 175, 178) | Black Shadows | — |
| #64342c | #64342c | RGB(100, 52, 44) | Van Dyke 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 |
#ba393d | #c48385 | 1.85 |
#ba393d | #a26c5c | 1.29 |
#ba393d | #64342c | 1.8 |
#c48385 | #a26c5c | 1.43 |
#c48385 | #c1afb2 | 1.44 |
#5e1e26 | #64342c | 1.22 |
Paleta de imagens Web design branding ui png
Exportar paleta
Baixe a "Web design branding ui" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: