Paletas de cores
Wilsyli

Wilsyli

#f9f0e8
Pink Pieris
#f0cab9
#d8807d
#b9d9eb
#00205b
#f9d94e
#c2bba8

Criado em 06/03/2023 18:51

A paleta consiste em cores Claro, Escuro. Cores de destaque #00205b e #f9d94e. A paleta tem Neutro, Quente, Frio temperatura de cores.

Em luminosidade, a paleta vai de #00205B (mais escuro) a #F9F0E8 (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto) — 86% das cores são vívidas.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

No geral, a temperatura tende para o quente (4 de 7).

Códigos HEX (ordenados): #00205B, #B9D9EB, #C2BBA8, #D8807D, #F0CAB9, #F9D94E, #F9F0E8

A paleta Wilsyli combina 7 códigos de cor:

HEX: #f9f0e8, RGB: (249, 240, 232); HEX: #f0cab9, RGB: (240, 202, 185); HEX: #d8807d, RGB: (216, 128, 125)

HEX: #b9d9eb, RGB: (185, 217, 235); HEX: #00205b, RGB: (0, 32, 91); HEX: #f9d94e, RGB: (249, 217, 78)

HEX: #c2bba8, RGB: (194, 187, 168)

Versão simplificada das cores da paleta

Tom escuro de Linho, Tom escuro de Pêssego, Tom escuro de Coral-claro, Tom claro de Azul-claro, Tom escuro de Azul-meia-noite, Tom claro de Dourado, Tom escuro de Prata

O esquema de cores foi criado por Wouskulls

Códigos de cores na paleta

Wilsyli códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#f9f0e8	#f9f0e8	RGB(249, 240, 232)	—	—
#f0cab9	#f0cab9	RGB(240, 202, 185)	Pink Pieris	—
#d8807d	#d8807d	RGB(216, 128, 125)	—	—
#b9d9eb	#b9d9eb	RGB(185, 217, 235)	—	—
#00205b	#00205b	RGB(0, 32, 91)	—	—
#f9d94e	#f9d94e	RGB(249, 217, 78)	—	—
#c2bba8	#c2bba8	RGB(194, 187, 168)	—	—

Contraste da paleta de cores

13 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.

Cor do texto	Cor de fundo	Razão de contraste
#f9f0e8	#f0cab9	1.34
#f9f0e8	#b9d9eb	1.31
#f9f0e8	#f9d94e	1.23
#f9f0e8	#c2bba8	1.7
#f0cab9	#d8807d	1.89
#f0cab9	#b9d9eb	1.02

Paleta de imagens Wilsyli png

Wilsyli paleta de cores: #f9f0e8, Pink Pieris, #d8807d, #b9d9eb, #00205b, #f9d94e, #c2bba8

--color-1:	#f9f0e8;
--color-pink-pieris:	#f0cab9;
--color-2:	#d8807d;
--color-3:	#b9d9eb;
--color-4:	#00205b;
--color-5:	#f9d94e;
--color-6:	#c2bba8;

$color-1:	#f9f0e8;
$color-pink-pieris:	#f0cab9;
$color-2:	#d8807d;
$color-3:	#b9d9eb;
$color-4:	#00205b;
$color-5:	#f9d94e;
$color-6:	#c2bba8;

@color-1:	#f9f0e8;
@color-pink-pieris:	#f0cab9;
@color-2:	#d8807d;
@color-3:	#b9d9eb;
@color-4:	#00205b;
@color-5:	#f9d94e;
@color-6:	#c2bba8;