AI-Powered Developer Tools UI

Lint Red
#ff6b6b
Compile Black
#1c1c1c
Syntax Blue
#5089c6
Build Log Cream
#fff9f3
Deploy Mint
#a3f7bf
Editor White
#fafafa

A paleta consiste em cores Luz, Escuro. Cores de destaque Syntax Blue #5089c6 e Build Log Cream #fff9f3. A paleta tem Esquentar, Neutro, Legal temperatura de cores.

Em luminosidade, a paleta vai de #1C1C1C (mais escuro) a #FAFAFA (mais claro). A faixa de luminosidade é ampla.

Saturação mista — tons suaves e acentos mais vivos.

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): #1C1C1C, #5089C6, #A3F7BF, #FAFAFA, #FF6B6B, #FFF9F3

A paleta AI-Powered Developer Tools UI tem uma combinação de cores de códigos de 6:

HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #1c1c1c, RGB: (28, 28, 28); HEX: #5089c6, RGB: (80, 137, 198)

HEX: #fff9f3, RGB: (255, 249, 243); HEX: #a3f7bf, RGB: (163, 247, 191); HEX: #fafafa, RGB: (250, 250, 250)

Versão simplificada das cores da paleta

Matiz de salmon, Sombra de Preto, Sombra de steelblue, Matiz de floralwhite, Sombra de aquamarine, Sombra de whitesmoke

O esquema de cores foi criado por bad_colors

Mais paletas com:

Códigos de cores na paleta

AI-Powered Developer Tools UI códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#ff6b6b	#ff6b6b	RGB(255, 107, 107)	Lint Red	—
#1c1c1c	#1c1c1c	RGB(28, 28, 28)	Compile Black	Gray11
#5089c6	#5089c6	RGB(80, 137, 198)	Syntax Blue	—
#fff9f3	#fff9f3	RGB(255, 249, 243)	Build Log Cream	—
#a3f7bf	#a3f7bf	RGB(163, 247, 191)	Deploy Mint	—
#fafafa	#fafafa	RGB(250, 250, 250)	Editor White	Dr. White

Contraste da Paleta de Cores

4 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
#ff6b6b	#5089c6	1.31
#fff9f3	#a3f7bf	1.2
#fff9f3	#fafafa	1
#a3f7bf	#fafafa	1.21

Paleta de imagens AI-Powered Developer Tools UI png

--color-lint-red:	#ff6b6b;
--color-compile-black:	#1c1c1c;
--color-syntax-blue:	#5089c6;
--color-build-log-cream:	#fff9f3;
--color-deploy-mint:	#a3f7bf;
--color-editor-white:	#fafafa;

$color-lint-red:	#ff6b6b;
$color-compile-black:	#1c1c1c;
$color-syntax-blue:	#5089c6;
$color-build-log-cream:	#fff9f3;
$color-deploy-mint:	#a3f7bf;
$color-editor-white:	#fafafa;

@color-lint-red:	#ff6b6b;
@color-compile-black:	#1c1c1c;
@color-syntax-blue:	#5089c6;
@color-build-log-cream:	#fff9f3;
@color-deploy-mint:	#a3f7bf;
@color-editor-white:	#fafafa;