Design Tokens Theme Export
- Primary Indigo#3f51b5
- Secondary Amber#ffc107
- Neutral Fog#f5f5f5
- Accent Mint#4db6ac
- Error Crimson#e53935
- Base Grey#bdbdbd
- Background Snow#fafafa
Criado em 07/04/2025 09:39
A paleta consiste em cores Semi escuro, Claro. Cores de destaque Primary Indigo #3f51b5 e Secondary Amber #ffc107. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #3F51B5 (mais escuro) a #FAFAFA (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 3 suaves e 2 vívidas em 7 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #3F51B5, #4DB6AC, #BDBDBD, #E53935, #F5F5F5, #FAFAFA, #FFC107
A paleta Design Tokens Theme Export combina 7 códigos de cor:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #ffc107, RGB: (255, 193, 7); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #4db6ac, RGB: (77, 182, 172); HEX: #e53935, RGB: (229, 57, 53); HEX: #bdbdbd, RGB: (189, 189, 189)
HEX: #fafafa, RGB: (250, 250, 250)
Versão simplificada das cores da paleta
Tom escuro de Azul-ardósia, Tom escuro de Dourado, Fumaça-branca, Tom claro de Verde-mar-claro, Tom claro de Vermelho, Tom escuro de Prata, Tom claro de Fumaça-branca
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Design Tokens Theme Export códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Primary Indigo | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Secondary Amber | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Neutral Fog | Whitesmoke |
| #4db6ac | #4db6ac | RGB(77, 182, 172) | Accent Mint | — |
| #e53935 | #e53935 | RGB(229, 57, 53) | Error Crimson | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Base Grey | Gray74 |
| #fafafa | #fafafa | RGB(250, 250, 250) | Background Snow | Dr. White |
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 |
|---|---|---|
#3f51b5 | #e53935 | 1.62 |
#ffc107 | #f5f5f5 | 1.49 |
#ffc107 | #4db6ac | 1.49 |
#ffc107 | #bdbdbd | 1.15 |
#ffc107 | #fafafa | 1.56 |
#f5f5f5 | #bdbdbd | 1.72 |
Paleta de imagens Design Tokens Theme Export png
Exportar paleta
Baixe a "Design Tokens Theme Export" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: