Cloud IDE Dev Environment

Code Blue
#1f8fff
Sidebar Graphite
#25282c
Line Highlight Lime
#d4ff6a
Commit Pink
#f79ac2
Terminal Fog
#f2f4f6
Lint Alert Red
#ff4f5e

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Code Blue #1f8fff i Line Highlight Lime #d4ff6a. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

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

Nasycenie wydaje się żywe (wysoka chroma).

Barwy są rozłożone szeroko po kole — paleta zróżnicowana (heurystyka).

Ogólna temperatura barw przechyla się ku ciepłu.

Kody HEX (posortowane): #1F8FFF, #25282C, #D4FF6A, #F2F4F6, #F79AC2, #FF4F5E

Paleta Cloud IDE Dev Environment zawiera kombinację kolorów kodów 6:

KLĄTWA: #1f8fff, RGB: (31, 143, 255); KLĄTWA: #25282c, RGB: (37, 40, 44); KLĄTWA: #d4ff6a, RGB: (212, 255, 106)

KLĄTWA: #f79ac2, RGB: (247, 154, 194); KLĄTWA: #f2f4f6, RGB: (242, 244, 246); KLĄTWA: #ff4f5e, RGB: (255, 79, 94)

Uproszczona wersja palety kolorów

Odcień dodgerblue, Cień Czarny, Cień greenyellow, Cień plum, Odcień whitesmoke, Odcień lightcoral

Schemat kolorów został stworzony przez raccoon

Więcej palet z:

Kody kolorów w palecie

Cloud IDE Dev Environment kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#1f8fff	#1f8fff	RGB(31, 143, 255)	Code Blue	—
#25282c	#25282c	RGB(37, 40, 44)	Sidebar Graphite	—
#d4ff6a	#d4ff6a	RGB(212, 255, 106)	Line Highlight Lime	—
#f79ac2	#f79ac2	RGB(247, 154, 194)	Commit Pink	—
#f2f4f6	#f2f4f6	RGB(242, 244, 246)	Terminal Fog	—
#ff4f5e	#ff4f5e	RGB(255, 79, 94)	Lint Alert Red	—

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
#1f8fff	#f79ac2	1.61
#1f8fff	#ff4f5e	1.01
#d4ff6a	#f79ac2	1.76
#d4ff6a	#f2f4f6	1.04
#f79ac2	#f2f4f6	1.83
#f79ac2	#ff4f5e	1.58

Paleta obrazów Cloud IDE Dev Environment png

--color-code-blue:	#1f8fff;
--color-sidebar-graphite:	#25282c;
--color-line-highlight-lime:	#d4ff6a;
--color-commit-pink:	#f79ac2;
--color-terminal-fog:	#f2f4f6;
--color-lint-alert-red:	#ff4f5e;

$color-code-blue:	#1f8fff;
$color-sidebar-graphite:	#25282c;
$color-line-highlight-lime:	#d4ff6a;
$color-commit-pink:	#f79ac2;
$color-terminal-fog:	#f2f4f6;
$color-lint-alert-red:	#ff4f5e;

@color-code-blue:	#1f8fff;
@color-sidebar-graphite:	#25282c;
@color-line-highlight-lime:	#d4ff6a;
@color-commit-pink:	#f79ac2;
@color-terminal-fog:	#f2f4f6;
@color-lint-alert-red:	#ff4f5e;