Criado em 07/25/2025 07:58
Productivity App Dark Theme UX
- Focus Black#121212
- Highlight Peach#ffd180
- Sticky Blue#42a5f5
- Calendar Graphite#2d2d2d
- Reminder Yellow#ffeb3b
- Inbox Mist#eceff1
A paleta consiste em cores Escuro, Luz. Cores de destaque Sticky Blue #42a5f5 e Reminder Yellow #ffeb3b. A paleta tem Neutro, Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #121212 (mais escuro) a #ECEFF1 (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 quente.
Códigos HEX (ordenados): #121212, #2D2D2D, #42A5F5, #ECEFF1, #FFD180, #FFEB3B
A paleta Productivity App Dark Theme UX tem uma combinação de cores de códigos de 6:
HEX: #121212, RGB: (18, 18, 18); HEX: #ffd180, RGB: (255, 209, 128); HEX: #42a5f5, RGB: (66, 165, 245)
HEX: #2d2d2d, RGB: (45, 45, 45); HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #eceff1, RGB: (236, 239, 241)
Versão simplificada das cores da paleta
Sombra de Preto, Matiz de navajowhite, Sombra de dodgerblue, Sombra de Preto, Matiz de Amarelo, Matiz de whitesmoke
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Productivity App Dark Theme UX códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #121212 | #121212 | RGB(18, 18, 18) | Focus Black | Dark Tone Ink |
| #ffd180 | #ffd180 | RGB(255, 209, 128) | Highlight Peach | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Sticky Blue | — |
| #2d2d2d | #2d2d2d | RGB(45, 45, 45) | Calendar Graphite | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Reminder Yellow | — |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | Inbox Mist | — |
Contraste da Paleta de Cores
5 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 |
#121212 | #2d2d2d | 1.36 |
#ffd180 | #42a5f5 | 1.85 |
#ffd180 | #ffeb3b | 1.17 |
#ffd180 | #eceff1 | 1.23 |
#ffeb3b | #eceff1 | 1.05 |
Paleta de imagens Productivity App Dark Theme UX png
Exportar paleta
Baixe a "Productivity App Dark Theme UX" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: