Learn tutorial application design colors palette
- #1fb485
- #e4bf94
- #24705c
- #747494
- #bcdcd4
- #253e4c
Criado em 11/11/2020 14:23
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #1fb485 e #e4bf94. A paleta tem Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #253E4C (mais escuro) a #BCDCD4 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 1 suaves e 2 vívidas em 6 cores.
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): #1FB485, #24705C, #253E4C, #747494, #BCDCD4, #E4BF94
A paleta Learn tutorial application design colors palette combina 6 códigos de cor:
HEX: #1fb485, RGB: (31, 180, 133); HEX: #e4bf94, RGB: (228, 191, 148); HEX: #24705c, RGB: (36, 112, 92)
HEX: #747494, RGB: (116, 116, 148); HEX: #bcdcd4, RGB: (188, 220, 212); HEX: #253e4c, RGB: (37, 62, 76)
Versão simplificada das cores da paleta
Tom escuro de Verde-mar-médio, Tom claro de Madeira, Tom escuro de Azul-petróleo, Tom escuro de Cinza-ardósia, Tom escuro de Azul-pó, Tom escuro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Learn tutorial application design colors palette códigos de cores HEX, informações RGB na tabela
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 |
|---|---|---|
#1fb485 | #e4bf94 | 1.53 |
#1fb485 | #747494 | 1.69 |
#1fb485 | #bcdcd4 | 1.8 |
#e4bf94 | #bcdcd4 | 1.17 |
#24705c | #747494 | 1.31 |
#24705c | #253e4c | 1.89 |
Paleta de imagens Learn tutorial application design colors palette png
Exportar paleta
Baixe a "Learn tutorial application design colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: