Serverless Dashboard Theme

Deploy Azure
#6ccff6
Lambda Graphite
#2e3134
Queue Light Beige
#f7f2ec
Metric Seafoam
#b6fad3
Error Flash Red
#ff6060
Trace Violet
#c6b4ff

A paleta consiste em cores Luz, Escuro. Cores de destaque Queue Light Beige #f7f2ec e Trace Violet #c6b4ff. A paleta tem Legal, Neutro, Esquentar temperatura de cores.

Em luminosidade, a paleta vai de #2E3134 (mais escuro) a #F7F2EC (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): #2E3134, #6CCFF6, #B6FAD3, #C6B4FF, #F7F2EC, #FF6060

A paleta Serverless Dashboard Theme tem uma combinação de cores de códigos de 6:

HEX: #6ccff6, RGB: (108, 207, 246); HEX: #2e3134, RGB: (46, 49, 52); HEX: #f7f2ec, RGB: (247, 242, 236)

HEX: #b6fad3, RGB: (182, 250, 211); HEX: #ff6060, RGB: (255, 96, 96); HEX: #c6b4ff, RGB: (198, 180, 255)

Versão simplificada das cores da paleta

Matiz de skyblue, Sombra de Preto, Matiz de floralwhite, Sombra de aquamarine, Matiz de salmon, Sombra de lightsteelblue

O esquema de cores foi criado por coolor

Mais paletas com:

Códigos de cores na paleta

Serverless Dashboard Theme códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#6ccff6	#6ccff6	RGB(108, 207, 246)	Deploy Azure	—
#2e3134	#2e3134	RGB(46, 49, 52)	Lambda Graphite	—
#f7f2ec	#f7f2ec	RGB(247, 242, 236)	Queue Light Beige	—
#b6fad3	#b6fad3	RGB(182, 250, 211)	Metric Seafoam	—
#ff6060	#ff6060	RGB(255, 96, 96)	Error Flash Red	—
#c6b4ff	#c6b4ff	RGB(198, 180, 255)	Trace Violet	—

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
#6ccff6	#f7f2ec	1.58
#6ccff6	#b6fad3	1.48
#6ccff6	#ff6060	1.67
#6ccff6	#c6b4ff	1.04
#f7f2ec	#b6fad3	1.07
#f7f2ec	#c6b4ff	1.65

Paleta de imagens Serverless Dashboard Theme png

--color-deploy-azure:	#6ccff6;
--color-lambda-graphite:	#2e3134;
--color-queue-light-beige:	#f7f2ec;
--color-metric-seafoam:	#b6fad3;
--color-error-flash-red:	#ff6060;
--color-trace-violet:	#c6b4ff;

$color-deploy-azure:	#6ccff6;
$color-lambda-graphite:	#2e3134;
$color-queue-light-beige:	#f7f2ec;
$color-metric-seafoam:	#b6fad3;
$color-error-flash-red:	#ff6060;
$color-trace-violet:	#c6b4ff;

@color-deploy-azure:	#6ccff6;
@color-lambda-graphite:	#2e3134;
@color-queue-light-beige:	#f7f2ec;
@color-metric-seafoam:	#b6fad3;
@color-error-flash-red:	#ff6060;
@color-trace-violet:	#c6b4ff;