Cloud IDE Dev Environment

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

A paleta consiste em cores Luz, Escuro. Cores de destaque Code Blue #1f8fff e Line Highlight Lime #d4ff6a. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #25282C (mais escuro) a #F2F4F6 (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto).

Os matizes espalham-se amplamente na roda — paleta variada (heurística).

No geral, a temperatura tende para o quente.

Códigos HEX (ordenados): #1F8FFF, #25282C, #D4FF6A, #F2F4F6, #F79AC2, #FF4F5E

A paleta Cloud IDE Dev Environment tem uma combinação de cores de códigos de 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)

Versão simplificada das cores da paleta

Matiz de dodgerblue, Sombra de Preto, Sombra de greenyellow, Sombra de plum, Matiz de whitesmoke, Matiz de lightcoral

O esquema de cores foi criado por raccoon

Mais paletas com:

Códigos de cores na paleta

Cloud IDE Dev Environment códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#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	—

Contraste da Paleta de Cores

6 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
#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 de imagens 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;