Web squarespace design palette
- Picton Blue#40bdf1
- Maya Blue#5bccf1
- Blue Sapphire#0f6067
- Copper Penny#b27a6e
- Columbia Blue#ccdce4
- Medium Jungle Green#1d3238
Criado em 07/20/2022 12:52
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Picton Blue #40bdf1 e Copper Penny #b27a6e. A paleta tem Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #1D3238 (mais escuro) a #CCDCE4 (mais claro). A faixa de luminosidade é ampla.
A saturação está num intervalo médio, com uma média de 56% na paleta.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (5 de 6).
Códigos HEX (ordenados): #0F6067, #1D3238, #40BDF1, #5BCCF1, #B27A6E, #CCDCE4
A paleta Web squarespace design palette combina 6 códigos de cor:
HEX: #40bdf1, RGB: (64, 189, 241); HEX: #5bccf1, RGB: (91, 204, 241); HEX: #0f6067, RGB: (15, 96, 103)
HEX: #b27a6e, RGB: (178, 122, 110); HEX: #ccdce4, RGB: (204, 220, 228); HEX: #1d3238, RGB: (29, 50, 56)
Versão simplificada das cores da paleta
Tom claro de Azul-céu-profundo, Tom escuro de Azul-céu, Tom claro de Cinza-ardósia-escuro, Tom escuro de Marrom-rosado, Tom escuro de Gainsboro, Tom escuro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Web squarespace design palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #40bdf1 | #40bdf1 | RGB(64, 189, 241) | Picton Blue | — |
| #5bccf1 | #5bccf1 | RGB(91, 204, 241) | Maya Blue | — |
| #0f6067 | #0f6067 | RGB(15, 96, 103) | Blue Sapphire | — |
| #b27a6e | #b27a6e | RGB(178, 122, 110) | Copper Penny | — |
| #ccdce4 | #ccdce4 | RGB(204, 220, 228) | Columbia Blue | — |
| #1d3238 | #1d3238 | RGB(29, 50, 56) | Medium Jungle Green | — |
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 | Razão de contraste |
|---|---|---|
#40bdf1 | #5bccf1 | 1.16 |
#40bdf1 | #b27a6e | 1.65 |
#40bdf1 | #ccdce4 | 1.52 |
#5bccf1 | #b27a6e | 1.92 |
#5bccf1 | #ccdce4 | 1.31 |
#0f6067 | #1d3238 | 1.84 |
Paleta de imagens Web squarespace design palette png
Exportar paleta
Baixe a "Web squarespace design palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: