Criado em 07/07/2025 15:10
Prototyping Wireframe UI
- Sketch Grey#cdcdcd
- Component Cream#f8f8f8
- Gridline Black#1a1a1a
- Draft Blue#a9d6e5
- Mockup Lilac#dec9e9
- UX Stage Beige#fdf5df
A paleta consiste em cores Luz, Escuro. Cores de destaque Draft Blue #a9d6e5 e UX Stage Beige #fdf5df. A paleta tem Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #1A1A1A (mais escuro) a #F8F8F8 (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).
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #1A1A1A, #A9D6E5, #CDCDCD, #DEC9E9, #F8F8F8, #FDF5DF
A paleta Prototyping Wireframe UI tem uma combinação de cores de códigos de 6:
HEX: #cdcdcd, RGB: (205, 205, 205); HEX: #f8f8f8, RGB: (248, 248, 248); HEX: #1a1a1a, RGB: (26, 26, 26)
HEX: #a9d6e5, RGB: (169, 214, 229); HEX: #dec9e9, RGB: (222, 201, 233); HEX: #fdf5df, RGB: (253, 245, 223)
Versão simplificada das cores da paleta
Matiz de lightgrey, Sombra de whitesmoke, Sombra de Preto, Matiz de lightblue, Sombra de thistle, Matiz de cornsilk
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Prototyping Wireframe UI códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #cdcdcd | #cdcdcd | RGB(205, 205, 205) | Sketch Grey | Compact Disc Grey |
| #f8f8f8 | #f8f8f8 | RGB(248, 248, 248) | Component Cream | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Gridline Black | Gray10 |
| #a9d6e5 | #a9d6e5 | RGB(169, 214, 229) | Draft Blue | — |
| #dec9e9 | #dec9e9 | RGB(222, 201, 233) | Mockup Lilac | — |
| #fdf5df | #fdf5df | RGB(253, 245, 223) | UX Stage Beige | — |
Contraste da Paleta de Cores
10 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 |
#cdcdcd | #f8f8f8 | 1.49 |
#cdcdcd | #a9d6e5 | 1.01 |
#cdcdcd | #dec9e9 | 1.03 |
#cdcdcd | #fdf5df | 1.46 |
#f8f8f8 | #a9d6e5 | 1.47 |
#f8f8f8 | #dec9e9 | 1.44 |
Paleta de imagens Prototyping Wireframe UI png
Exportar paleta
Baixe a "Prototyping Wireframe UI" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: