Criado em 06/26/2025 08:26
Interactive UI Elements Library
- Hover Blue#3b82f6
- Focus Mint#34d399
- Press Charcoal#1f2937
- Disabled Fog#e5e7eb
- Active Apricot#fdba74
- Shadow Indigo#6366f1
- Ripple Rose#f9a8d4
A paleta consiste em cores Luz, Escuro. Cores de destaque Hover Blue #3b82f6 e Active Apricot #fdba74. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #1F2937 (mais escuro) a #E5E7EB (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): #1F2937, #34D399, #3B82F6, #6366F1, #E5E7EB, #F9A8D4, #FDBA74
A paleta Interactive UI Elements Library tem uma combinação de cores de códigos de 7:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #34d399, RGB: (52, 211, 153); HEX: #1f2937, RGB: (31, 41, 55)
HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #fdba74, RGB: (253, 186, 116); HEX: #6366f1, RGB: (99, 102, 241)
HEX: #f9a8d4, RGB: (249, 168, 212)
Versão simplificada das cores da paleta
Matiz de dodgerblue, Matiz de mediumaquamarine, Sombra de Preto, Sombra de gainsboro, Sombra de sandybrown, Matiz de mediumslateblue, Sombra de plum
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Interactive UI Elements Library códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Hover Blue | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Focus Mint | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Press Charcoal | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Disabled Fog | — |
| #fdba74 | #fdba74 | RGB(253, 186, 116) | Active Apricot | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Shadow Indigo | — |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Ripple Rose | — |
Contraste da Paleta de Cores
8 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 |
#3b82f6 | #34d399 | 1.91 |
#3b82f6 | #6366f1 | 1.21 |
#34d399 | #e5e7eb | 1.55 |
#34d399 | #fdba74 | 1.13 |
#34d399 | #f9a8d4 | 1.06 |
#e5e7eb | #fdba74 | 1.36 |
Paleta de imagens Interactive UI Elements Library png
Exportar paleta
Baixe a "Interactive UI Elements Library" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: