Jellybeam UI Toggle

Jelly Peach
#ffd6b2
Beam Mint
#c7f6e8
Toggle Lilac
#e3d2ff
Shell Blush
#ffdfde
Interface Cloud
#f5f7f9
Bold Ink
#1f1f20

A paleta consiste em cores Luz, Escuro. Cores de destaque Beam Mint #c7f6e8 e Shell Blush #ffdfde. A paleta tem Esquentar, Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #1F1F20 (mais escuro) a #F5F7F9 (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): #1F1F20, #C7F6E8, #E3D2FF, #F5F7F9, #FFD6B2, #FFDFDE

A paleta Jellybeam UI Toggle tem uma combinação de cores de códigos de 6:

HEX: #ffd6b2, RGB: (255, 214, 178); HEX: #c7f6e8, RGB: (199, 246, 232); HEX: #e3d2ff, RGB: (227, 210, 255)

HEX: #ffdfde, RGB: (255, 223, 222); HEX: #f5f7f9, RGB: (245, 247, 249); HEX: #1f1f20, RGB: (31, 31, 32)

Versão simplificada das cores da paleta

Matiz de peachpuff, Sombra de paleturquoise, Sombra de thistle, Matiz de mistyrose, Sombra de whitesmoke, Sombra de Preto

O esquema de cores foi criado por colorday

Mais paletas com:

Códigos de cores na paleta

Jellybeam UI Toggle códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#ffd6b2	#ffd6b2	RGB(255, 214, 178)	Jelly Peach	—
#c7f6e8	#c7f6e8	RGB(199, 246, 232)	Beam Mint	—
#e3d2ff	#e3d2ff	RGB(227, 210, 255)	Toggle Lilac	—
#ffdfde	#ffdfde	RGB(255, 223, 222)	Shell Blush	—
#f5f7f9	#f5f7f9	RGB(245, 247, 249)	Interface Cloud	—
#1f1f20	#1f1f20	RGB(31, 31, 32)	Bold Ink	—

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
#ffd6b2	#c7f6e8	1.14
#ffd6b2	#e3d2ff	1.03
#ffd6b2	#ffdfde	1.08
#ffd6b2	#f5f7f9	1.26
#c7f6e8	#e3d2ff	1.19
#c7f6e8	#ffdfde	1.05

Paleta de imagens Jellybeam UI Toggle png

--color-jelly-peach:	#ffd6b2;
--color-beam-mint:	#c7f6e8;
--color-toggle-lilac:	#e3d2ff;
--color-shell-blush:	#ffdfde;
--color-interface-cloud:	#f5f7f9;
--color-bold-ink:	#1f1f20;

$color-jelly-peach:	#ffd6b2;
$color-beam-mint:	#c7f6e8;
$color-toggle-lilac:	#e3d2ff;
$color-shell-blush:	#ffdfde;
$color-interface-cloud:	#f5f7f9;
$color-bold-ink:	#1f1f20;

@color-jelly-peach:	#ffd6b2;
@color-beam-mint:	#c7f6e8;
@color-toggle-lilac:	#e3d2ff;
@color-shell-blush:	#ffdfde;
@color-interface-cloud:	#f5f7f9;
@color-bold-ink:	#1f1f20;