Low Code/No Code Platform Skin
- DragDrop Cyan#57d9f6
- UI Block Beige#f8f1eb
- Logic Purple#9f86c0
- Connect Teal#4dd0e1
- Editor Gray#dadada
- Flow Orange#ff9f1c
- Deploy Mint#d9f8c4
Criado em 06/26/2025 08:22
A paleta consiste em cores Claro. Cores de destaque DragDrop Cyan #57d9f6 e Flow Orange #ff9f1c. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #9F86C0 (mais escuro) a #F8F1EB (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto) — 57% das cores são vívidas.
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 7).
Códigos HEX (ordenados): #4DD0E1, #57D9F6, #9F86C0, #D9F8C4, #DADADA, #F8F1EB, #FF9F1C
A paleta Low Code/No Code Platform Skin combina 7 códigos de cor:
HEX: #57d9f6, RGB: (87, 217, 246); HEX: #f8f1eb, RGB: (248, 241, 235); HEX: #9f86c0, RGB: (159, 134, 192)
HEX: #4dd0e1, RGB: (77, 208, 225); HEX: #dadada, RGB: (218, 218, 218); HEX: #ff9f1c, RGB: (255, 159, 28)
HEX: #d9f8c4, RGB: (217, 248, 196)
Versão simplificada das cores da paleta
Tom escuro de Azul-céu, Tom escuro de Concha, Tom claro de Roxo-médio, Tom claro de Turquesa-escuro, Tom escuro de Gainsboro, Tom escuro de Laranja, Tom escuro de Amarelo-vara-dourada-claro
O esquema de cores foi criado por hex
Códigos de cores na paleta
Low Code/No Code Platform Skin códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #57d9f6 | #57d9f6 | RGB(87, 217, 246) | DragDrop Cyan | — |
| #f8f1eb | #f8f1eb | RGB(248, 241, 235) | UI Block Beige | Shea |
| #9f86c0 | #9f86c0 | RGB(159, 134, 192) | Logic Purple | — |
| #4dd0e1 | #4dd0e1 | RGB(77, 208, 225) | Connect Teal | — |
| #dadada | #dadada | RGB(218, 218, 218) | Editor Gray | — |
| #ff9f1c | #ff9f1c | RGB(255, 159, 28) | Flow Orange | — |
| #d9f8c4 | #d9f8c4 | RGB(217, 248, 196) | Deploy Mint | — |
Contraste da paleta de cores
18 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 |
|---|---|---|
#57d9f6 | #f8f1eb | 1.48 |
#57d9f6 | #9f86c0 | 1.9 |
#57d9f6 | #4dd0e1 | 1.1 |
#57d9f6 | #dadada | 1.18 |
#57d9f6 | #ff9f1c | 1.23 |
#57d9f6 | #d9f8c4 | 1.43 |
Paleta de imagens Low Code/No Code Platform Skin png
Exportar paleta
Baixe a "Low Code/No Code Platform Skin" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: