Interactive Learning UI Flow
- Quiz Yellow#ffe066
- Hover Ink#111111
- Module Sky#8ecae6
- Score Green#00b894
- Popup Blush#ffd6d6
- Overlay White#fafafa
Criado em 06/14/2025 19:45
A paleta consiste em cores Claro, Escuro. Cores de destaque Score Green #00b894 e Popup Blush #ffd6d6. A paleta tem Quente, Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #111111 (mais escuro) a #FAFAFA (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 67% das cores são vívidas.
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): #00B894, #111111, #8ECAE6, #FAFAFA, #FFD6D6, #FFE066
A paleta Interactive Learning UI Flow combina 6 códigos de cor:
HEX: #ffe066, RGB: (255, 224, 102); HEX: #111111, RGB: (17, 17, 17); HEX: #8ecae6, RGB: (142, 202, 230)
HEX: #00b894, RGB: (0, 184, 148); HEX: #ffd6d6, RGB: (255, 214, 214); HEX: #fafafa, RGB: (250, 250, 250)
Versão simplificada das cores da paleta
Tom claro de Dourado, Tom claro de Preto, Tom escuro de Azul-céu, Tom escuro de Água-marinha-média, Tom escuro de Rosa-enevoado, Tom claro de Fumaça-branca
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Interactive Learning UI Flow códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Quiz Yellow | — |
| #111111 | #111111 | RGB(17, 17, 17) | Hover Ink | Dreamless Sleep |
| #8ecae6 | #8ecae6 | RGB(142, 202, 230) | Module Sky | — |
| #00b894 | #00b894 | RGB(0, 184, 148) | Score Green | — |
| #ffd6d6 | #ffd6d6 | RGB(255, 214, 214) | Popup Blush | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Overlay White | Dr. White |
Contraste da paleta de cores
9 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 |
|---|---|---|
#ffe066 | #8ecae6 | 1.37 |
#ffe066 | #00b894 | 1.94 |
#ffe066 | #ffd6d6 | 1.01 |
#ffe066 | #fafafa | 1.24 |
#8ecae6 | #00b894 | 1.41 |
#8ecae6 | #ffd6d6 | 1.34 |
Paleta de imagens Interactive Learning UI Flow png
Exportar paleta
Baixe a "Interactive Learning UI Flow" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: