SaaS DevOps Panel Theme

Build Blue
#0081c9
CI/CD Aqua
#00d2d3
Monitor Charcoal
#2d2d2d
Log Mint
#d7f9f1
Deploy Rose
#ffa69e
Status Border Gray
#e0e0e0

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące CI/CD Aqua #00d2d3 i Deploy Rose #ffa69e. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.

Według jasności paleta rozciąga się od #2D2D2D (najciemniejszy) do #D7F9F1 (najjaśniejszy). Zakres jasności jest szeroki.

Nasycenie wydaje się żywe (wysoka chroma).

Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).

Ogólna temperatura barw przechyla się ku zimnu.

Kody HEX (posortowane): #0081C9, #00D2D3, #2D2D2D, #D7F9F1, #E0E0E0, #FFA69E

Paleta SaaS DevOps Panel Theme zawiera kombinację kolorów kodów 6:

KLĄTWA: #0081c9, RGB: (0, 129, 201); KLĄTWA: #00d2d3, RGB: (0, 210, 211); KLĄTWA: #2d2d2d, RGB: (45, 45, 45)

KLĄTWA: #d7f9f1, RGB: (215, 249, 241); KLĄTWA: #ffa69e, RGB: (255, 166, 158); KLĄTWA: #e0e0e0, RGB: (224, 224, 224)

Uproszczona wersja palety kolorów

Odcień steelblue, Cień darkturquoise, Cień Czarny, Odcień lightcyan, Odcień lightpink, Cień gainsboro

Schemat kolorów został stworzony przez hex

Więcej palet z:

Kody kolorów w palecie

SaaS DevOps Panel Theme kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#0081c9	#0081c9	RGB(0, 129, 201)	Build Blue	—
#00d2d3	#00d2d3	RGB(0, 210, 211)	CI/CD Aqua	—
#2d2d2d	#2d2d2d	RGB(45, 45, 45)	Monitor Charcoal	—
#d7f9f1	#d7f9f1	RGB(215, 249, 241)	Log Mint	—
#ffa69e	#ffa69e	RGB(255, 166, 158)	Deploy Rose	—
#e0e0e0	#e0e0e0	RGB(224, 224, 224)	Status Border Gray	Gray88

Kontrast palety kolorów

6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#00d2d3	#d7f9f1	1.67
#00d2d3	#ffa69e	1
#00d2d3	#e0e0e0	1.42
#d7f9f1	#ffa69e	1.67
#d7f9f1	#e0e0e0	1.17
#ffa69e	#e0e0e0	1.42

Paleta obrazów SaaS DevOps Panel Theme png

--color-build-blue:	#0081c9;
--color-cicd-aqua:	#00d2d3;
--color-monitor-charcoal:	#2d2d2d;
--color-log-mint:	#d7f9f1;
--color-deploy-rose:	#ffa69e;
--color-status-border-gray:	#e0e0e0;

$color-build-blue:	#0081c9;
$color-cicd-aqua:	#00d2d3;
$color-monitor-charcoal:	#2d2d2d;
$color-log-mint:	#d7f9f1;
$color-deploy-rose:	#ffa69e;
$color-status-border-gray:	#e0e0e0;

@color-build-blue:	#0081c9;
@color-cicd-aqua:	#00d2d3;
@color-monitor-charcoal:	#2d2d2d;
@color-log-mint:	#d7f9f1;
@color-deploy-rose:	#ffa69e;
@color-status-border-gray:	#e0e0e0;