Retroform Light

Primary Button Blue
#90c3ff
Secondary Notepad Yellow
#fff6ad
Accent Cottoncandy Pink
#ffcbd8
Accent Sticker Mint
#c8ffe0
Background Form White
#fffefb
Text Paper Black
#252525

A paleta consiste em cores Luz, Escuro. Cores de destaque Primary Button Blue #90c3ff e Background Form White #fffefb. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #252525 (mais escuro) a #FFFEFB (mais claro). A faixa de luminosidade é ampla.

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

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): #252525, #90C3FF, #C8FFE0, #FFCBD8, #FFF6AD, #FFFEFB

A paleta Retroform Light tem uma combinação de cores de códigos de 6:

HEX: #90c3ff, RGB: (144, 195, 255); HEX: #fff6ad, RGB: (255, 246, 173); HEX: #ffcbd8, RGB: (255, 203, 216)

HEX: #c8ffe0, RGB: (200, 255, 224); HEX: #fffefb, RGB: (255, 254, 251); HEX: #252525, RGB: (37, 37, 37)

Versão simplificada das cores da paleta

Matiz de lightskyblue, Sombra de palegoldenrod, Sombra de Rosa, Sombra de aquamarine, Matiz de Branco, Sombra de Preto

O esquema de cores foi criado por raccoon

Mais paletas com:

Códigos de cores na paleta

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

Cor	HEX	RGB	Nome	nome alternativo
#90c3ff	#90c3ff	RGB(144, 195, 255)	Primary Button Blue	—
#fff6ad	#fff6ad	RGB(255, 246, 173)	Secondary Notepad Yellow	—
#ffcbd8	#ffcbd8	RGB(255, 203, 216)	Accent Cottoncandy Pink	—
#c8ffe0	#c8ffe0	RGB(200, 255, 224)	Accent Sticker Mint	—
#fffefb	#fffefb	RGB(255, 254, 251)	Background Form White	—
#252525	#252525	RGB(37, 37, 37)	Text Paper Black	Nero

Contraste da Paleta de Cores

10 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
#90c3ff	#fff6ad	1.66
#90c3ff	#ffcbd8	1.29
#90c3ff	#c8ffe0	1.64
#90c3ff	#fffefb	1.82
#fff6ad	#ffcbd8	1.28
#fff6ad	#c8ffe0	1.01

Paleta de imagens Retroform Light png

--color-primary-button-blue:	#90c3ff;
--color-secondary-notepad-yellow:	#fff6ad;
--color-accent-cottoncandy-pink:	#ffcbd8;
--color-accent-sticker-mint:	#c8ffe0;
--color-background-form-white:	#fffefb;
--color-text-paper-black:	#252525;

$color-primary-button-blue:	#90c3ff;
$color-secondary-notepad-yellow:	#fff6ad;
$color-accent-cottoncandy-pink:	#ffcbd8;
$color-accent-sticker-mint:	#c8ffe0;
$color-background-form-white:	#fffefb;
$color-text-paper-black:	#252525;

@color-primary-button-blue:	#90c3ff;
@color-secondary-notepad-yellow:	#fff6ad;
@color-accent-cottoncandy-pink:	#ffcbd8;
@color-accent-sticker-mint:	#c8ffe0;
@color-background-form-white:	#fffefb;
@color-text-paper-black:	#252525;