Responsive Neural Interface Glow

Adaptive Cyan
#00c9a7
Signal Orange
#ff6f00
Layout Grey
#9e9e9e
Processing Violet
#8e44ad
Semantic Black
#212121
Data Cream
#fff8e7
Inference Pink
#f7a9a8
Focus Blue
#2980b9

A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Adaptive Cyan #00c9a7 e Data Cream #fff8e7. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #212121 (mais escuro) a #FFF8E7 (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): #00C9A7, #212121, #2980B9, #8E44AD, #9E9E9E, #F7A9A8, #FF6F00, #FFF8E7

A paleta Responsive Neural Interface Glow tem uma combinação de cores de códigos de 8:

HEX: #00c9a7, RGB: (0, 201, 167); HEX: #ff6f00, RGB: (255, 111, 0); HEX: #9e9e9e, RGB: (158, 158, 158)

HEX: #8e44ad, RGB: (142, 68, 173); HEX: #212121, RGB: (33, 33, 33); HEX: #fff8e7, RGB: (255, 248, 231)

HEX: #f7a9a8, RGB: (247, 169, 168); HEX: #2980b9, RGB: (41, 128, 185)

Versão simplificada das cores da paleta

Matiz de mediumaquamarine, Sombra de chocolate, Matiz de darkgrey, Sombra de darkorchid, Sombra de Preto, Sombra de oldlace, Matiz de lightpink, Matiz de steelblue

O esquema de cores foi criado por palettespicker

Mais paletas com:

Códigos de cores na paleta

Responsive Neural Interface Glow códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#00c9a7	#00c9a7	RGB(0, 201, 167)	Adaptive Cyan	—
#ff6f00	#ff6f00	RGB(255, 111, 0)	Signal Orange	—
#9e9e9e	#9e9e9e	RGB(158, 158, 158)	Layout Grey	Gray62
#8e44ad	#8e44ad	RGB(142, 68, 173)	Processing Violet	—
#212121	#212121	RGB(33, 33, 33)	Semantic Black	Lead
#fff8e7	#fff8e7	RGB(255, 248, 231)	Data Cream	Cosmic Latte
#f7a9a8	#f7a9a8	RGB(247, 169, 168)	Inference Pink	—
#2980b9	#2980b9	RGB(41, 128, 185)	Focus Blue	—

Contraste da Paleta de Cores

10 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
#00c9a7	#ff6f00	1.31
#00c9a7	#9e9e9e	1.26
#00c9a7	#f7a9a8	1.12
#ff6f00	#9e9e9e	1.04
#ff6f00	#f7a9a8	1.48
#ff6f00	#2980b9	1.54

Paleta de imagens Responsive Neural Interface Glow png

Responsive Neural Interface Glow - #558158

--color-adaptive-cyan:	#00c9a7;
--color-signal-orange:	#ff6f00;
--color-layout-grey:	#9e9e9e;
--color-processing-violet:	#8e44ad;
--color-semantic-black:	#212121;
--color-data-cream:	#fff8e7;
--color-inference-pink:	#f7a9a8;
--color-focus-blue:	#2980b9;

$color-adaptive-cyan:	#00c9a7;
$color-signal-orange:	#ff6f00;
$color-layout-grey:	#9e9e9e;
$color-processing-violet:	#8e44ad;
$color-semantic-black:	#212121;
$color-data-cream:	#fff8e7;
$color-inference-pink:	#f7a9a8;
$color-focus-blue:	#2980b9;

@color-adaptive-cyan:	#00c9a7;
@color-signal-orange:	#ff6f00;
@color-layout-grey:	#9e9e9e;
@color-processing-violet:	#8e44ad;
@color-semantic-black:	#212121;
@color-data-cream:	#fff8e7;
@color-inference-pink:	#f7a9a8;
@color-focus-blue:	#2980b9;