Criado em 07/07/2025 15:09
Context-Aware Interaction Layer
- Ambient Teal#00b8a9
- Responsive Mist#f0efeb
- Trigger Red#f67280
- Adaptive Blue#89cff0
- Focus Light#fffdf9
- Feedback Grey#a7a7a7
A paleta consiste em cores Luz. Cores de destaque Ambient Teal #00b8a9 e Focus Light #fffdf9. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #00B8A9 (mais escuro) a #FFFDF9 (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): #00B8A9, #89CFF0, #A7A7A7, #F0EFEB, #F67280, #FFFDF9
A paleta Context-Aware Interaction Layer tem uma combinação de cores de códigos de 6:
HEX: #00b8a9, RGB: (0, 184, 169); HEX: #f0efeb, RGB: (240, 239, 235); HEX: #f67280, RGB: (246, 114, 128)
HEX: #89cff0, RGB: (137, 207, 240); HEX: #fffdf9, RGB: (255, 253, 249); HEX: #a7a7a7, RGB: (167, 167, 167)
Versão simplificada das cores da paleta
Matiz de lightseagreen, Matiz de whitesmoke, Matiz de lightcoral, Sombra de skyblue, Matiz de Branco, Matiz de darkgrey
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Context-Aware Interaction Layer códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #00b8a9 | #00b8a9 | RGB(0, 184, 169) | Ambient Teal | — |
| #f0efeb | #f0efeb | RGB(240, 239, 235) | Responsive Mist | White Picket Fence |
| #f67280 | #f67280 | RGB(246, 114, 128) | Trigger Red | — |
| #89cff0 | #89cff0 | RGB(137, 207, 240) | Adaptive Blue | Pool Tiles |
| #fffdf9 | #fffdf9 | RGB(255, 253, 249) | Focus Light | — |
| #a7a7a7 | #a7a7a7 | RGB(167, 167, 167) | Feedback Grey | Moon Landing |
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 | Taxa de contraste |
#00b8a9 | #f67280 | 1.1 |
#00b8a9 | #89cff0 | 1.45 |
#00b8a9 | #a7a7a7 | 1.03 |
#f0efeb | #89cff0 | 1.49 |
#f0efeb | #fffdf9 | 1.13 |
#f67280 | #89cff0 | 1.6 |
Paleta de imagens Context-Aware Interaction Layer png
Exportar paleta
Baixe a "Context-Aware Interaction Layer" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: