Svelte Blazing Patchwork

Reactive Ember Orange
#ff6b35
Compile Arctic Silver
#eceff1
Store Rosewater
#ffd6dc
Minimal Eclipse
#202124
Glow Butter Mint
#f0f6bd
Transition Plum Dust
#d7a9e3

A paleta consiste em cores Luz, Escuro. Cores de destaque Compile Arctic Silver #eceff1 e Store Rosewater #ffd6dc. A paleta tem Esquentar, Neutro, Legal temperatura de cores.

Em luminosidade, a paleta vai de #202124 (mais escuro) a #ECEFF1 (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 quente.

Códigos HEX (ordenados): #202124, #D7A9E3, #ECEFF1, #F0F6BD, #FF6B35, #FFD6DC

A paleta Svelte Blazing Patchwork tem uma combinação de cores de códigos de 6:

HEX: #ff6b35, RGB: (255, 107, 53); HEX: #eceff1, RGB: (236, 239, 241); HEX: #ffd6dc, RGB: (255, 214, 220)

HEX: #202124, RGB: (32, 33, 36); HEX: #f0f6bd, RGB: (240, 246, 189); HEX: #d7a9e3, RGB: (215, 169, 227)

Versão simplificada das cores da paleta

Matiz de coral, Matiz de whitesmoke, Matiz de mistyrose, Sombra de Preto, Sombra de palegoldenrod, Sombra de plum

O esquema de cores foi criado por colorday

Mais paletas com:

Códigos de cores na paleta

Svelte Blazing Patchwork códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#ff6b35	#ff6b35	RGB(255, 107, 53)	Reactive Ember Orange	—
#eceff1	#eceff1	RGB(236, 239, 241)	Compile Arctic Silver	—
#ffd6dc	#ffd6dc	RGB(255, 214, 220)	Store Rosewater	—
#202124	#202124	RGB(32, 33, 36)	Minimal Eclipse	Noble Black
#f0f6bd	#f0f6bd	RGB(240, 246, 189)	Glow Butter Mint	—
#d7a9e3	#d7a9e3	RGB(215, 169, 227)	Transition Plum Dust	—

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
#ff6b35	#d7a9e3	1.44
#eceff1	#ffd6dc	1.14
#eceff1	#f0f6bd	1.02
#eceff1	#d7a9e3	1.7
#ffd6dc	#f0f6bd	1.17
#ffd6dc	#d7a9e3	1.49

Paleta de imagens Svelte Blazing Patchwork png

--color-reactive-ember-orange:	#ff6b35;
--color-compile-arctic-silver:	#eceff1;
--color-store-rosewater:	#ffd6dc;
--color-minimal-eclipse:	#202124;
--color-glow-butter-mint:	#f0f6bd;
--color-transition-plum-dust:	#d7a9e3;

$color-reactive-ember-orange:	#ff6b35;
$color-compile-arctic-silver:	#eceff1;
$color-store-rosewater:	#ffd6dc;
$color-minimal-eclipse:	#202124;
$color-glow-butter-mint:	#f0f6bd;
$color-transition-plum-dust:	#d7a9e3;

@color-reactive-ember-orange:	#ff6b35;
@color-compile-arctic-silver:	#eceff1;
@color-store-rosewater:	#ffd6dc;
@color-minimal-eclipse:	#202124;
@color-glow-butter-mint:	#f0f6bd;
@color-transition-plum-dust:	#d7a9e3;