Semantic Knowledge Engine

Concept Blue
#48cae4
Node Cream
#fff9f0
Attribute Slate
#8e9aaf
Relationship Gold
#ffeb99
Lookup Mint
#b5ead7
Inference Black
#1c1c1c

A paleta consiste em cores Luz, Escuro. Cores de destaque Concept Blue #48cae4 e Node Cream #fff9f0. A paleta tem Legal, Neutro, Esquentar temperatura de cores.

Em luminosidade, a paleta vai de #1C1C1C (mais escuro) a #FFF9F0 (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): #1C1C1C, #48CAE4, #8E9AAF, #B5EAD7, #FFEB99, #FFF9F0

A paleta Semantic Knowledge Engine tem uma combinação de cores de códigos de 6:

HEX: #48cae4, RGB: (72, 202, 228); HEX: #fff9f0, RGB: (255, 249, 240); HEX: #8e9aaf, RGB: (142, 154, 175)

HEX: #ffeb99, RGB: (255, 235, 153); HEX: #b5ead7, RGB: (181, 234, 215); HEX: #1c1c1c, RGB: (28, 28, 28)

Versão simplificada das cores da paleta

Matiz de skyblue, Matiz de floralwhite, Sombra de lightslategrey, Sombra de Cáqui, Matiz de paleturquoise, Sombra de Preto

O esquema de cores foi criado por colorscheme

Mais paletas com:

Códigos de cores na paleta

Semantic Knowledge Engine códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#48cae4	#48cae4	RGB(72, 202, 228)	Concept Blue	—
#fff9f0	#fff9f0	RGB(255, 249, 240)	Node Cream	—
#8e9aaf	#8e9aaf	RGB(142, 154, 175)	Attribute Slate	—
#ffeb99	#ffeb99	RGB(255, 235, 153)	Relationship Gold	—
#b5ead7	#b5ead7	RGB(181, 234, 215)	Lookup Mint	—
#1c1c1c	#1c1c1c	RGB(28, 28, 28)	Inference Black	Gray11

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
#48cae4	#fff9f0	1.84
#48cae4	#8e9aaf	1.46
#48cae4	#ffeb99	1.62
#48cae4	#b5ead7	1.44
#fff9f0	#ffeb99	1.14
#fff9f0	#b5ead7	1.27

Paleta de imagens Semantic Knowledge Engine png

--color-concept-blue:	#48cae4;
--color-node-cream:	#fff9f0;
--color-attribute-slate:	#8e9aaf;
--color-relationship-gold:	#ffeb99;
--color-lookup-mint:	#b5ead7;
--color-inference-black:	#1c1c1c;

$color-concept-blue:	#48cae4;
$color-node-cream:	#fff9f0;
$color-attribute-slate:	#8e9aaf;
$color-relationship-gold:	#ffeb99;
$color-lookup-mint:	#b5ead7;
$color-inference-black:	#1c1c1c;

@color-concept-blue:	#48cae4;
@color-node-cream:	#fff9f0;
@color-attribute-slate:	#8e9aaf;
@color-relationship-gold:	#ffeb99;
@color-lookup-mint:	#b5ead7;
@color-inference-black:	#1c1c1c;