UI Component Library Spectrum
- Button Blue#2962ff
- Input Field Gray#b0bec5
- Tooltip Yellow#ffd54f
- Modal Backdrop Black#212121
- Success Green#4caf50
- Error Red#f44336
- Disabled Light Gray#cfd8dc
Criado em 06/10/2025 09:47
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque Button Blue #2962ff e Tooltip Yellow #ffd54f. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #212121 (mais escuro) a #FFD54F (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 vívidas em 7 cores.
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): #212121, #2962FF, #4CAF50, #B0BEC5, #CFD8DC, #F44336, #FFD54F
A paleta UI Component Library Spectrum combina 7 códigos de cor:
HEX: #2962ff, RGB: (41, 98, 255); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ffd54f, RGB: (255, 213, 79)
HEX: #212121, RGB: (33, 33, 33); HEX: #4caf50, RGB: (76, 175, 80); HEX: #f44336, RGB: (244, 67, 54)
HEX: #cfd8dc, RGB: (207, 216, 220)
Versão simplificada das cores da paleta
Tom escuro de Azul-royal, Tom escuro de Prata, Tom claro de Dourado, Tom claro de Preto, Tom escuro de Verde-mar-médio, Tom escuro de Tomate, Tom claro de Cinza-claro
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
UI Component Library Spectrum códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #2962ff | #2962ff | RGB(41, 98, 255) | Button Blue | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Input Field Gray | Ocean Drive |
| #ffd54f | #ffd54f | RGB(255, 213, 79) | Tooltip Yellow | — |
| #212121 | #212121 | RGB(33, 33, 33) | Modal Backdrop Black | Lead |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Success Green | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Error Red | — |
| #cfd8dc | #cfd8dc | RGB(207, 216, 220) | Disabled Light Gray | — |
Contraste da paleta de cores
10 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 |
|---|---|---|
#2962ff | #4caf50 | 1.76 |
#2962ff | #f44336 | 1.33 |
#b0bec5 | #ffd54f | 1.35 |
#b0bec5 | #4caf50 | 1.45 |
#b0bec5 | #f44336 | 1.93 |
#b0bec5 | #cfd8dc | 1.31 |
Paleta de imagens UI Component Library Spectrum png
Exportar paleta
Baixe a "UI Component Library Spectrum" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: