Criado em 08/25/2025 19:32
Figma Cognitive Flow Visualization KitKit
- Wireframe Sky#cde7ff
- Component Lilac#d6b6ff
- Interaction Coral#ff6b6b
- Feedback Mint#a7f3d0
- Overlay White#ffffff
- Shadow Slate#2c2e3e
- Highlight Gold#ffc857
A paleta consiste em cores Luz, Escuro. Cores de destaque Wireframe Sky #cde7ff e Highlight Gold #ffc857. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2C2E3E (mais escuro) a #FFFFFF (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): #2C2E3E, #A7F3D0, #CDE7FF, #D6B6FF, #FF6B6B, #FFC857, #FFFFFF
A paleta Figma Cognitive Flow Visualization KitKit tem uma combinação de cores de códigos de 7:
HEX: #cde7ff, RGB: (205, 231, 255); HEX: #d6b6ff, RGB: (214, 182, 255); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #a7f3d0, RGB: (167, 243, 208); HEX: #ffffff, RGB: (255, 255, 255); HEX: #2c2e3e, RGB: (44, 46, 62)
HEX: #ffc857, RGB: (255, 200, 87)
Versão simplificada das cores da paleta
Sombra de lightblue, Sombra de plum, Matiz de salmon, Sombra de aquamarine, Branco, Sombra de Preto, Sombra de gold
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Figma Cognitive Flow Visualization KitKit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #cde7ff | #cde7ff | RGB(205, 231, 255) | Wireframe Sky | — |
| #d6b6ff | #d6b6ff | RGB(214, 182, 255) | Component Lilac | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Interaction Coral | — |
| #a7f3d0 | #a7f3d0 | RGB(167, 243, 208) | Feedback Mint | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Overlay White | White |
| #2c2e3e | #2c2e3e | RGB(44, 46, 62) | Shadow Slate | — |
| #ffc857 | #ffc857 | RGB(255, 200, 87) | Highlight Gold | — |
Contraste da Paleta de Cores
12 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 |
#cde7ff | #d6b6ff | 1.37 |
#cde7ff | #a7f3d0 | 1 |
#cde7ff | #ffffff | 1.27 |
#cde7ff | #ffc857 | 1.2 |
#d6b6ff | #ff6b6b | 1.58 |
#d6b6ff | #a7f3d0 | 1.36 |
Paleta de imagens Figma Cognitive Flow Visualization KitKit png
Exportar paleta
Baixe a "Figma Cognitive Flow Visualization KitKit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: