Cognitive UI Intent Mapper

Focus Teal
#00b4ab
Behavior Rose
#f4acb7
Schema Linen
#f8f3eb
Intent Graphite
#3d3d3d
Neuro Yellow
#fff685
Signal White
#fafafa

A paleta consiste em cores Luz. Cores de destaque Focus Teal #00b4ab e Neuro Yellow #fff685. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #3D3D3D (mais escuro) a #FAFAFA (mais claro). A faixa de luminosidade é ampla.

Saturação mista — 2 suaves e 3 vívidas em 6 cores.

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 quente (2 de 6).

Códigos HEX (ordenados): #00B4AB, #3D3D3D, #F4ACB7, #F8F3EB, #FAFAFA, #FFF685

A paleta Cognitive UI Intent Mapper tem uma combinação de cores de códigos de 6:

HEX: #00b4ab, RGB: (0, 180, 171); HEX: #f4acb7, RGB: (244, 172, 183); HEX: #f8f3eb, RGB: (248, 243, 235)

HEX: #3d3d3d, RGB: (61, 61, 61); HEX: #fff685, RGB: (255, 246, 133); HEX: #fafafa, RGB: (250, 250, 250)

Versão simplificada das cores da paleta

Matiz de lightseagreen, Matiz de lightpink, Matiz de floralwhite, Matiz de darkslategrey, Sombra de Cáqui, Sombra de whitesmoke

O esquema de cores foi criado por palettespicker

Códigos de cores na paleta

Cognitive UI Intent Mapper códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#00b4ab	#00b4ab	RGB(0, 180, 171)	Focus Teal	—
#f4acb7	#f4acb7	RGB(244, 172, 183)	Behavior Rose	—
#f8f3eb	#f8f3eb	RGB(248, 243, 235)	Schema Linen	—
#3d3d3d	#3d3d3d	RGB(61, 61, 61)	Intent Graphite	Raven Black
#fff685	#fff685	RGB(255, 246, 133)	Neuro Yellow	—
#fafafa	#fafafa	RGB(250, 250, 250)	Signal White	Dr. White

Contraste da Paleta de Cores

7 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
#00b4ab	#f4acb7	1.4
#f4acb7	#f8f3eb	1.66
#f4acb7	#fff685	1.64
#f4acb7	#fafafa	1.76
#f8f3eb	#fff685	1.01
#f8f3eb	#fafafa	1.05

Paleta de imagens Cognitive UI Intent Mapper png

--color-focus-teal:	#00b4ab;
--color-behavior-rose:	#f4acb7;
--color-schema-linen:	#f8f3eb;
--color-intent-graphite:	#3d3d3d;
--color-neuro-yellow:	#fff685;
--color-signal-white:	#fafafa;

$color-focus-teal:	#00b4ab;
$color-behavior-rose:	#f4acb7;
$color-schema-linen:	#f8f3eb;
$color-intent-graphite:	#3d3d3d;
$color-neuro-yellow:	#fff685;
$color-signal-white:	#fafafa;

@color-focus-teal:	#00b4ab;
@color-behavior-rose:	#f4acb7;
@color-schema-linen:	#f8f3eb;
@color-intent-graphite:	#3d3d3d;
@color-neuro-yellow:	#fff685;
@color-signal-white:	#fafafa;