Cloud IDE Dev Environment

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

Палитра содержит светлый, темный цвета. Акцентные цвета Code Blue #1f8fff да Line Highlight Lime #d4ff6a. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

По светлоте палитра тянется от #25282C (самый тёмный) до #F2F4F6 (самый светлый). Диапазон светлоты широкий.

В целом насыщенность выглядит яркой (высокая хрома).

Оттенки широко разбросаны по кругу — разнообразная палитра (эвристика).

В целом температура смещена в сторону тёплого.

HEX-коды (по возрастанию): #1F8FFF, #25282C, #D4FF6A, #F2F4F6, #F79AC2, #FF4F5E

Палитра Cloud IDE Dev Environment содержит комбинацию из 6 кодов цветов:

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

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

Упрощенная версия цветов палитры

Оттенок dodgerblue, Тень Черный, Тень greenyellow, Тень plum, Оттенок whitesmoke, Оттенок lightcoral

Цветовая схема создана автором raccoon

Больше палитр с:

Коды цветов в палитре

Cloud IDE Dev Environment коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#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	—

Контраст палитры цветов

6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.

Цвет текста	Цвет фона	Коэффициент контрастности
#1f8fff	#f79ac2	1.61
#1f8fff	#ff4f5e	1.01
#d4ff6a	#f79ac2	1.76
#d4ff6a	#f2f4f6	1.04
#f79ac2	#f2f4f6	1.83
#f79ac2	#ff4f5e	1.58

Изображение палитры 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;