Mixed Interface Overlay Flow

Reality Layer Aqua
#99e2b4
Modal View Rose
#ff8fa3
Perceptual Grid Indigo
#6a4c93
Scene Control Cream
#fff9f0
Context Dot Grey
#cacaca
User Highlight Teal
#5bc0be

A paleta consiste em cores Luz, Semi escuro. Cores de destaque Scene Control Cream #fff9f0 e User Highlight Teal #5bc0be. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #6A4C93 (mais escuro) a #FFF9F0 (mais claro). A faixa de luminosidade é moderada.

Saturação mista — tons suaves e acentos mais vivos.

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): #5BC0BE, #6A4C93, #99E2B4, #CACACA, #FF8FA3, #FFF9F0

A paleta Mixed Interface Overlay Flow tem uma combinação de cores de códigos de 6:

HEX: #99e2b4, RGB: (153, 226, 180); HEX: #ff8fa3, RGB: (255, 143, 163); HEX: #6a4c93, RGB: (106, 76, 147)

HEX: #fff9f0, RGB: (255, 249, 240); HEX: #cacaca, RGB: (202, 202, 202); HEX: #5bc0be, RGB: (91, 192, 190)

Versão simplificada das cores da paleta

Sombra de mediumaquamarine, Sombra de lightcoral, Sombra de darkslateblue, Matiz de floralwhite, Sombra de Prata, Matiz de mediumturquoise

O esquema de cores foi criado por palettespicker

Mais paletas com:

Códigos de cores na paleta

Mixed Interface Overlay Flow códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#99e2b4	#99e2b4	RGB(153, 226, 180)	Reality Layer Aqua	—
#ff8fa3	#ff8fa3	RGB(255, 143, 163)	Modal View Rose	—
#6a4c93	#6a4c93	RGB(106, 76, 147)	Perceptual Grid Indigo	—
#fff9f0	#fff9f0	RGB(255, 249, 240)	Scene Control Cream	—
#cacaca	#cacaca	RGB(202, 202, 202)	Context Dot Grey	—
#5bc0be	#5bc0be	RGB(91, 192, 190)	User Highlight Teal	—

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	Taxa de contraste
#99e2b4	#ff8fa3	1.43
#99e2b4	#fff9f0	1.44
#99e2b4	#cacaca	1.08
#99e2b4	#5bc0be	1.42
#ff8fa3	#cacaca	1.31
#ff8fa3	#5bc0be	1

Paleta de imagens Mixed Interface Overlay Flow png

--color-reality-layer-aqua:	#99e2b4;
--color-modal-view-rose:	#ff8fa3;
--color-perceptual-grid-indigo:	#6a4c93;
--color-scene-control-cream:	#fff9f0;
--color-context-dot-grey:	#cacaca;
--color-user-highlight-teal:	#5bc0be;

$color-reality-layer-aqua:	#99e2b4;
$color-modal-view-rose:	#ff8fa3;
$color-perceptual-grid-indigo:	#6a4c93;
$color-scene-control-cream:	#fff9f0;
$color-context-dot-grey:	#cacaca;
$color-user-highlight-teal:	#5bc0be;

@color-reality-layer-aqua:	#99e2b4;
@color-modal-view-rose:	#ff8fa3;
@color-perceptual-grid-indigo:	#6a4c93;
@color-scene-control-cream:	#fff9f0;
@color-context-dot-grey:	#cacaca;
@color-user-highlight-teal:	#5bc0be;