Emotion Recognition UI Kit
- Joy Yellow#fff275
- Sadness Slate#6b7280
- Anger Coral#ff6b6b
- Calm Cream#fff9f0
- Surprise Pink#ffb6c1
- Expression White#fafafa
- Tone Indigo#6a0572
Criado em 07/17/2025 08:21
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Sadness Slate #6b7280 e Calm Cream #fff9f0. A paleta tem Quente, Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #6A0572 (mais escuro) a #FAFAFA (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 71% das cores são vívidas.
Uma paleta variada: seus tons se espalham por cerca de 119° do círculo cromático.
No geral, a temperatura tende para o quente (3 de 7).
Códigos HEX (ordenados): #6A0572, #6B7280, #FAFAFA, #FF6B6B, #FFB6C1, #FFF275, #FFF9F0
A paleta Emotion Recognition UI Kit combina 7 códigos de cor:
HEX: #fff275, RGB: (255, 242, 117); HEX: #6b7280, RGB: (107, 114, 128); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #fff9f0, RGB: (255, 249, 240); HEX: #ffb6c1, RGB: (255, 182, 193); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #6a0572, RGB: (106, 5, 114)
Versão simplificada das cores da paleta
Tom claro de Cáqui, Tom escuro de Cinza-ardósia, Tom escuro de Salmão, Tom escuro de Branco-floral, Rosa-claro, Tom claro de Fumaça-branca, Tom escuro de Roxo
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Emotion Recognition UI Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #fff275 | #fff275 | RGB(255, 242, 117) | Joy Yellow | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Sadness Slate | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Anger Coral | — |
| #fff9f0 | #fff9f0 | RGB(255, 249, 240) | Calm Cream | — |
| #ffb6c1 | #ffb6c1 | RGB(255, 182, 193) | Surprise Pink | Lightpink |
| #fafafa | #fafafa | RGB(250, 250, 250) | Expression White | Dr. White |
| #6a0572 | #6a0572 | RGB(106, 5, 114) | Tone Indigo | — |
Contraste da paleta de cores
8 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 |
|---|---|---|
#fff275 | #fff9f0 | 1.1 |
#fff275 | #ffb6c1 | 1.43 |
#fff275 | #fafafa | 1.1 |
#6b7280 | #ff6b6b | 1.74 |
#ff6b6b | #ffb6c1 | 1.68 |
#fff9f0 | #ffb6c1 | 1.57 |
Paleta de imagens Emotion Recognition UI Kit png
Exportar paleta
Baixe a "Emotion Recognition UI Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: