Criado em 06/16/2025 20:05
JavaScript Cloud Framework UI
- Async Blue#005cff
- Function White#ffffff
- Callstack Purple#7b61ff
- Runtime Amber#ffc857
- DOM Seafoam#a1e3d8
- Hover Gray#f4f4f4
- Breakpoint Black#2e2e2e
A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Callstack Purple #7b61ff e Runtime Amber #ffc857. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #2E2E2E (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
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): #005CFF, #2E2E2E, #7B61FF, #A1E3D8, #F4F4F4, #FFC857, #FFFFFF
A paleta JavaScript Cloud Framework UI tem uma combinação de cores de códigos de 7:
HEX: #005cff, RGB: (0, 92, 255); HEX: #ffffff, RGB: (255, 255, 255); HEX: #7b61ff, RGB: (123, 97, 255)
HEX: #ffc857, RGB: (255, 200, 87); HEX: #a1e3d8, RGB: (161, 227, 216); HEX: #f4f4f4, RGB: (244, 244, 244)
HEX: #2e2e2e, RGB: (46, 46, 46)
Versão simplificada das cores da paleta
Matiz de royalblue, Branco, Matiz de mediumslateblue, Sombra de gold, Matiz de paleturquoise, Matiz de whitesmoke, Sombra de Preto
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
JavaScript Cloud Framework UI códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #005cff | #005cff | RGB(0, 92, 255) | Async Blue | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Function White | White |
| #7b61ff | #7b61ff | RGB(123, 97, 255) | Callstack Purple | — |
| #ffc857 | #ffc857 | RGB(255, 200, 87) | Runtime Amber | — |
| #a1e3d8 | #a1e3d8 | RGB(161, 227, 216) | DOM Seafoam | — |
| #f4f4f4 | #f4f4f4 | RGB(244, 244, 244) | Hover Gray | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Breakpoint Black | Carbon Fiber |
Contraste da Paleta de Cores
7 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 |
#005cff | #7b61ff | 1.25 |
#ffffff | #ffc857 | 1.53 |
#ffffff | #a1e3d8 | 1.44 |
#ffffff | #f4f4f4 | 1.09 |
#ffc857 | #a1e3d8 | 1.06 |
#ffc857 | #f4f4f4 | 1.39 |
Paleta de imagens JavaScript Cloud Framework UI png
Exportar paleta
Baixe a "JavaScript Cloud Framework UI" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: