Criado em 07/22/2025 16:43
Low-Code Dev UI Framework Palette
- Node Blue#3385ff
- Drag Yellow#ffdc5e
- Drop Gray#e1e1e1
- Deploy Green#00c49a
- Workflow Navy#2d3142
- Builder White#fbfbfb
A paleta consiste em cores Luz, Escuro. Cores de destaque Drag Yellow #ffdc5e e Deploy Green #00c49a. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2D3142 (mais escuro) a #FBFBFB (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).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #00C49A, #2D3142, #3385FF, #E1E1E1, #FBFBFB, #FFDC5E
A paleta Low-Code Dev UI Framework Palette tem uma combinação de cores de códigos de 6:
HEX: #3385ff, RGB: (51, 133, 255); HEX: #ffdc5e, RGB: (255, 220, 94); HEX: #e1e1e1, RGB: (225, 225, 225)
HEX: #00c49a, RGB: (0, 196, 154); HEX: #2d3142, RGB: (45, 49, 66); HEX: #fbfbfb, RGB: (251, 251, 251)
Versão simplificada das cores da paleta
Matiz de dodgerblue, Sombra de gold, Sombra de gainsboro, Matiz de mediumaquamarine, Matiz de darkslateblue, Matiz de Branco
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Low-Code Dev UI Framework Palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3385ff | #3385ff | RGB(51, 133, 255) | Node Blue | — |
| #ffdc5e | #ffdc5e | RGB(255, 220, 94) | Drag Yellow | — |
| #e1e1e1 | #e1e1e1 | RGB(225, 225, 225) | Drop Gray | — |
| #00c49a | #00c49a | RGB(0, 196, 154) | Deploy Green | — |
| #2d3142 | #2d3142 | RGB(45, 49, 66) | Workflow Navy | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Builder White | Whiteout |
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 | Taxa de contraste |
#3385ff | #00c49a | 1.57 |
#ffdc5e | #e1e1e1 | 1.02 |
#ffdc5e | #00c49a | 1.67 |
#ffdc5e | #fbfbfb | 1.29 |
#e1e1e1 | #00c49a | 1.71 |
#e1e1e1 | #fbfbfb | 1.26 |
Paleta de imagens Low-Code Dev UI Framework Palette png
Exportar paleta
Baixe a "Low-Code Dev UI Framework Palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: