Criado em 06/11/2025 12:21
Hypermodern Code UI Overlay
- Syntax Sand#f4e9dc
- Highlight Honey#ffcf56
- Debug Denim#2f5d62
- Inspect Iris#816c94
- Commit Clay#b2a59b
- Scroll Shadow#121212
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Highlight Honey #ffcf56 e Debug Denim #2f5d62. A paleta tem Neutro, Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #121212 (mais escuro) a #F4E9DC (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 2 vívidas em 6 cores.
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 (2 de 6).
Códigos HEX (ordenados): #121212, #2F5D62, #816C94, #B2A59B, #F4E9DC, #FFCF56
A paleta Hypermodern Code UI Overlay tem uma combinação de cores de códigos de 6:
HEX: #f4e9dc, RGB: (244, 233, 220); HEX: #ffcf56, RGB: (255, 207, 86); HEX: #2f5d62, RGB: (47, 93, 98)
HEX: #816c94, RGB: (129, 108, 148); HEX: #b2a59b, RGB: (178, 165, 155); HEX: #121212, RGB: (18, 18, 18)
Versão simplificada das cores da paleta
Matiz de linen, Sombra de gold, Sombra de darkslategrey, Matiz de mediumpurple, Matiz de darkgrey, Sombra de Preto
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Hypermodern Code UI Overlay códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #f4e9dc | #f4e9dc | RGB(244, 233, 220) | Syntax Sand | — |
| #ffcf56 | #ffcf56 | RGB(255, 207, 86) | Highlight Honey | — |
| #2f5d62 | #2f5d62 | RGB(47, 93, 98) | Debug Denim | — |
| #816c94 | #816c94 | RGB(129, 108, 148) | Inspect Iris | — |
| #b2a59b | #b2a59b | RGB(178, 165, 155) | Commit Clay | — |
| #121212 | #121212 | RGB(18, 18, 18) | Scroll Shadow | Dark Tone Ink |
Contraste da Paleta de Cores
4 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 |
|---|---|---|
#f4e9dc | #ffcf56 | 1.22 |
#ffcf56 | #b2a59b | 1.63 |
#2f5d62 | #816c94 | 1.57 |
#816c94 | #b2a59b | 1.94 |
Paleta de imagens Hypermodern Code UI Overlay png
Exportar paleta
Baixe a "Hypermodern Code UI Overlay" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: