Battle Royale UI Spectrum
- Zone Edge Red#f87171
- Armor Plate Gray#9ca3af
- Revive Glow Green#34d399
- Storm Pulse Purple#a78bfa
- Lootbox Gold#fcd34d
- Skybox Blue#60a5fa
- Lobby Dark#1f2937
Criado em 06/09/2025 19:36
A paleta consiste em cores Claro, Escuro. Cores de destaque Lootbox Gold #fcd34d e Skybox Blue #60a5fa. A paleta tem Quente, Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #1F2937 (mais escuro) a #FCD34D (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 71% 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): #1F2937, #34D399, #60A5FA, #9CA3AF, #A78BFA, #F87171, #FCD34D
A paleta Battle Royale UI Spectrum combina 7 códigos de cor:
HEX: #f87171, RGB: (248, 113, 113); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #34d399, RGB: (52, 211, 153)
HEX: #a78bfa, RGB: (167, 139, 250); HEX: #fcd34d, RGB: (252, 211, 77); HEX: #60a5fa, RGB: (96, 165, 250)
HEX: #1f2937, RGB: (31, 41, 55)
Versão simplificada das cores da paleta
Tom escuro de Coral-claro, Tom escuro de Cinza-escuro, Tom escuro de Água-marinha-média, Tom claro de Roxo-médio, Tom claro de Dourado, Tom claro de Azul-centáurea, Tom claro de Preto
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Battle Royale UI Spectrum códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #f87171 | #f87171 | RGB(248, 113, 113) | Zone Edge Red | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Armor Plate Gray | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Revive Glow Green | — |
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Storm Pulse Purple | — |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | Lootbox Gold | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Skybox Blue | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Lobby Dark | — |
Contraste da paleta de cores
15 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 |
|---|---|---|
#f87171 | #9ca3af | 1.08 |
#f87171 | #34d399 | 1.43 |
#f87171 | #a78bfa | 1.01 |
#f87171 | #fcd34d | 1.91 |
#f87171 | #60a5fa | 1.08 |
#9ca3af | #34d399 | 1.32 |
Paleta de imagens Battle Royale UI Spectrum png
Exportar paleta
Baixe a "Battle Royale UI Spectrum" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: