Design music figma ux palette
- Crystal Blue#5ca4bc
- Light Sky Blue#82ccfc
- Liver (Organ)#683414
- Dark Chestnut#9e6c5c
- Cadet Blue (Crayola)#a6b0c0
- Charcoal#373f5c
Criado em 04/14/2022 13:36
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Light Sky Blue #82ccfc e Liver (Organ) #683414. A paleta tem Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #373F5C (mais escuro) a #82CCFC (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 3 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 (4 de 6).
Códigos HEX (ordenados): #373F5C, #5CA4BC, #683414, #82CCFC, #9E6C5C, #A6B0C0
A paleta Design music figma ux palette combina 6 códigos de cor:
HEX: #5ca4bc, RGB: (92, 164, 188); HEX: #82ccfc, RGB: (130, 204, 252); HEX: #683414, RGB: (104, 52, 20)
HEX: #9e6c5c, RGB: (158, 108, 92); HEX: #a6b0c0, RGB: (166, 176, 192); HEX: #373f5c, RGB: (55, 63, 92)
Versão simplificada das cores da paleta
Tom claro de Azul-cadete, Tom escuro de Azul-céu-claro, Tom escuro de Marrom-sela, Tom claro de Siena, Tom escuro de Azul-aço-claro, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design music figma ux palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #5ca4bc | #5ca4bc | RGB(92, 164, 188) | Crystal Blue | — |
| #82ccfc | #82ccfc | RGB(130, 204, 252) | Light Sky Blue | — |
| #683414 | #683414 | RGB(104, 52, 20) | Liver (Organ) | — |
| #9e6c5c | #9e6c5c | RGB(158, 108, 92) | Dark Chestnut | — |
| #a6b0c0 | #a6b0c0 | RGB(166, 176, 192) | Cadet Blue (Crayola) | — |
| #373f5c | #373f5c | RGB(55, 63, 92) | Charcoal | — |
Contraste da paleta de cores
5 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 |
|---|---|---|
#5ca4bc | #82ccfc | 1.6 |
#5ca4bc | #9e6c5c | 1.57 |
#5ca4bc | #a6b0c0 | 1.28 |
#82ccfc | #a6b0c0 | 1.25 |
#683414 | #373f5c | 1.03 |
Paleta de imagens Design music figma ux palette png
Exportar paleta
Baixe a "Design music figma ux palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: