Full-Stack Web Ideation Suite

Backend Navy
#1c2237
Frontend Cream
#faf9f6
Query Green
#2ecc71
Script Lavender
#d4a5ff
Token Rust
#ff715b
IDE White
#ffffff

A paleta consiste em cores Escuro, Luz. Cores de destaque Query Green #2ecc71 e Script Lavender #d4a5ff. A paleta tem Legal, Neutro, Esquentar temperatura de cores.

Em luminosidade, a paleta vai de #1C2237 (mais escuro) a #FFFFFF (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): #1C2237, #2ECC71, #D4A5FF, #FAF9F6, #FF715B, #FFFFFF

A paleta Full-Stack Web Ideation Suite tem uma combinação de cores de códigos de 6:

HEX: #1c2237, RGB: (28, 34, 55); HEX: #faf9f6, RGB: (250, 249, 246); HEX: #2ecc71, RGB: (46, 204, 113)

HEX: #d4a5ff, RGB: (212, 165, 255); HEX: #ff715b, RGB: (255, 113, 91); HEX: #ffffff, RGB: (255, 255, 255)

Versão simplificada das cores da paleta

Matiz de midnightblue, Sombra de whitesmoke, Sombra de mediumseagreen, Sombra de plum, Sombra de tomato, Branco

O esquema de cores foi criado por colourlock

Mais paletas com:

Códigos de cores na paleta

Full-Stack Web Ideation Suite códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#1c2237	#1c2237	RGB(28, 34, 55)	Backend Navy	—
#faf9f6	#faf9f6	RGB(250, 249, 246)	Frontend Cream	—
#2ecc71	#2ecc71	RGB(46, 204, 113)	Query Green	—
#d4a5ff	#d4a5ff	RGB(212, 165, 255)	Script Lavender	—
#ff715b	#ff715b	RGB(255, 113, 91)	Token Rust	—
#ffffff	#ffffff	RGB(255, 255, 255)	IDE White	White

Contraste da Paleta de Cores

7 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
#faf9f6	#2ecc71	1.99
#faf9f6	#d4a5ff	1.87
#faf9f6	#ffffff	1.05
#2ecc71	#d4a5ff	1.06
#2ecc71	#ff715b	1.28
#d4a5ff	#ff715b	1.36

Paleta de imagens Full-Stack Web Ideation Suite png

--color-backend-navy:	#1c2237;
--color-frontend-cream:	#faf9f6;
--color-query-green:	#2ecc71;
--color-script-lavender:	#d4a5ff;
--color-token-rust:	#ff715b;
--color-ide-white:	#ffffff;

$color-backend-navy:	#1c2237;
$color-frontend-cream:	#faf9f6;
$color-query-green:	#2ecc71;
$color-script-lavender:	#d4a5ff;
$color-token-rust:	#ff715b;
$color-ide-white:	#ffffff;

@color-backend-navy:	#1c2237;
@color-frontend-cream:	#faf9f6;
@color-query-green:	#2ecc71;
@color-script-lavender:	#d4a5ff;
@color-token-rust:	#ff715b;
@color-ide-white:	#ffffff;