Dot Matrix UI Pattern
- Print Gray#cfcfcf
- Highlight Lime#d4ff73
- Text Cyan#91edff
- Canvas Offwhite#fefdf9
- Grid Violet#c5a6ff
- Monitor Ink#2b2b2b
- Scroll Beige#f5ebda
Criado em 06/05/2025 20:31
A paleta consiste em cores Claro, Escuro. Cores de destaque Highlight Lime #d4ff73 e Grid Violet #c5a6ff. A paleta tem Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #2B2B2B (mais escuro) a #FEFDF9 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 71% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
A maioria das amostras lê-se como neutra em temperatura (4 de 7).
Códigos HEX (ordenados): #2B2B2B, #91EDFF, #C5A6FF, #CFCFCF, #D4FF73, #F5EBDA, #FEFDF9
A paleta Dot Matrix UI Pattern combina 7 códigos de cor:
HEX: #cfcfcf, RGB: (207, 207, 207); HEX: #d4ff73, RGB: (212, 255, 115); HEX: #91edff, RGB: (145, 237, 255)
HEX: #fefdf9, RGB: (254, 253, 249); HEX: #c5a6ff, RGB: (197, 166, 255); HEX: #2b2b2b, RGB: (43, 43, 43)
HEX: #f5ebda, RGB: (245, 235, 218)
Versão simplificada das cores da paleta
Tom escuro de Cinza-claro, Tom claro de Amarelo-esverdeado, Tom escuro de Turquesa-pálido, Tom escuro de Branco, Tom claro de Ameixa, Tom claro de Preto, Tom escuro de Branco-antigo
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Dot Matrix UI Pattern códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #cfcfcf | #cfcfcf | RGB(207, 207, 207) | Print Gray | American Silver |
| #d4ff73 | #d4ff73 | RGB(212, 255, 115) | Highlight Lime | — |
| #91edff | #91edff | RGB(145, 237, 255) | Text Cyan | — |
| #fefdf9 | #fefdf9 | RGB(254, 253, 249) | Canvas Offwhite | — |
| #c5a6ff | #c5a6ff | RGB(197, 166, 255) | Grid Violet | — |
| #2b2b2b | #2b2b2b | RGB(43, 43, 43) | Monitor Ink | Shoe Wax |
| #f5ebda | #f5ebda | RGB(245, 235, 218) | Scroll Beige | — |
Contraste da paleta de cores
14 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#cfcfcf | #d4ff73 | 1.36 |
#cfcfcf | #91edff | 1.16 |
#cfcfcf | #fefdf9 | 1.53 |
#cfcfcf | #c5a6ff | 1.31 |
#cfcfcf | #f5ebda | 1.31 |
#d4ff73 | #91edff | 1.16 |
Paleta de imagens Dot Matrix UI Pattern png
Exportar paleta
Baixe a "Dot Matrix UI Pattern" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: