Criado em 05/23/2022 14:41
Design magento 2 ui colors
- Café Au Lait#af8055
- Ruddy Pink#e9878c
- Van Dyke Brown#5a412a
- Blue Yonder#4d78a0
- Pale Chestnut#dcb8ba
- Dark Slate Gray#304f53
A paleta consiste em cores Luz. Cores de destaque Ruddy Pink #e9878c e Blue Yonder #4d78a0. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #304F53 (mais escuro) a #DCB8BA (mais claro). A faixa de luminosidade é moderada.
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): #304F53, #4D78A0, #5A412A, #AF8055, #DCB8BA, #E9878C
A paleta Design magento 2 ui colors tem uma combinação de cores de códigos de 6:
HEX: #af8055, RGB: (175, 128, 85); HEX: #e9878c, RGB: (233, 135, 140); HEX: #5a412a, RGB: (90, 65, 42)
HEX: #4d78a0, RGB: (77, 120, 160); HEX: #dcb8ba, RGB: (220, 184, 186); HEX: #304f53, RGB: (48, 79, 83)
Versão simplificada das cores da paleta
Matiz de peru, Sombra de lightcoral, Matiz de saddlebrown, Matiz de steelblue, Matiz de Rosa, Sombra de darkslategrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design magento 2 ui colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #af8055 | #af8055 | RGB(175, 128, 85) | Café Au Lait | — |
| #e9878c | #e9878c | RGB(233, 135, 140) | Ruddy Pink | — |
| #5a412a | #5a412a | RGB(90, 65, 42) | Van Dyke Brown | — |
| #4d78a0 | #4d78a0 | RGB(77, 120, 160) | Blue Yonder | — |
| #dcb8ba | #dcb8ba | RGB(220, 184, 186) | Pale Chestnut | — |
| #304f53 | #304f53 | RGB(48, 79, 83) | Dark Slate Gray | — |
Contraste da Paleta de Cores
7 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 |
#af8055 | #e9878c | 1.37 |
#af8055 | #4d78a0 | 1.33 |
#af8055 | #dcb8ba | 1.92 |
#e9878c | #4d78a0 | 1.84 |
#e9878c | #dcb8ba | 1.39 |
#5a412a | #304f53 | 1.06 |
Paleta de imagens Design magento 2 ui colors png
Exportar paleta
Baixe a "Design magento 2 ui colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: