Cinematic UI Shader System
- Frame Black#121212
- Film Tint Gold#f0c808
- Overlay Smoke#b0b0b0
- Cutscene Cyan#56cfe1
- Lens Flare Pink#ff99ac
- UI Depth White#fcfcfc
Criado em 07/11/2025 09:59
A paleta consiste em cores Escuro, Claro. Cores de destaque Cutscene Cyan #56cfe1 e Lens Flare Pink #ff99ac. A paleta tem Neutro, Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #121212 (mais escuro) a #FCFCFC (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 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 quente (2 de 6).
Códigos HEX (ordenados): #121212, #56CFE1, #B0B0B0, #F0C808, #FCFCFC, #FF99AC
A paleta Cinematic UI Shader System combina 6 códigos de cor:
HEX: #121212, RGB: (18, 18, 18); HEX: #f0c808, RGB: (240, 200, 8); HEX: #b0b0b0, RGB: (176, 176, 176)
HEX: #56cfe1, RGB: (86, 207, 225); HEX: #ff99ac, RGB: (255, 153, 172); HEX: #fcfcfc, RGB: (252, 252, 252)
Versão simplificada das cores da paleta
Tom claro de Preto, Tom escuro de Dourado, Tom claro de Cinza-escuro, Tom claro de Turquesa-escuro, Tom escuro de Rosa-claro, Tom escuro de Branco
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Cinematic UI Shader System códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #121212 | #121212 | RGB(18, 18, 18) | Frame Black | Dark Tone Ink |
| #f0c808 | #f0c808 | RGB(240, 200, 8) | Film Tint Gold | — |
| #b0b0b0 | #b0b0b0 | RGB(176, 176, 176) | Overlay Smoke | Gray69 |
| #56cfe1 | #56cfe1 | RGB(86, 207, 225) | Cutscene Cyan | — |
| #ff99ac | #ff99ac | RGB(255, 153, 172) | Lens Flare Pink | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | UI Depth White | Gray99 |
Contraste da paleta de cores
9 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 |
|---|---|---|
#f0c808 | #b0b0b0 | 1.33 |
#f0c808 | #56cfe1 | 1.13 |
#f0c808 | #ff99ac | 1.24 |
#f0c808 | #fcfcfc | 1.57 |
#b0b0b0 | #56cfe1 | 1.17 |
#b0b0b0 | #ff99ac | 1.07 |
Paleta de imagens Cinematic UI Shader System png
Exportar paleta
Baixe a "Cinematic UI Shader System" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: