Gerar paleta
  1. Paletas de cores
  2. Sidebar Splashwave

Sidebar Splashwave

  • Primary UI Aqua
    #96f2ff
  • Secondary Petal Pink
    #ffd6e8
  • Accent Hint Mint
    #c6ffd0
  • Background Dock White
    #ffffff
  • Surface Layout Beige
    #f5f2ec
  • Text Shadow Black
    #202020
  1
Criado em 05/30/2025 13:48
porcolorday
A paleta consiste em cores Claro, Escuro. Cores de destaque Secondary Petal Pink #ffd6e8 e Accent Hint Mint #c6ffd0. A paleta tem Frio, Quente, Neutro temperatura de cores.

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

Saturação mista — 2 suaves e 3 vívidas em 6 cores.

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

No geral, a temperatura tende para o frio (2 de 6).

Códigos HEX (ordenados): #202020, #96F2FF, #C6FFD0, #F5F2EC, #FFD6E8, #FFFFFF

A paleta Sidebar Splashwave combina 6 códigos de cor:
HEX: #96f2ff, RGB: (150, 242, 255); HEX: #ffd6e8, RGB: (255, 214, 232); HEX: #c6ffd0, RGB: (198, 255, 208)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #f5f2ec, RGB: (245, 242, 236); HEX: #202020, RGB: (32, 32, 32)
Versão simplificada das cores da paleta
Tom escuro de Turquesa-pálido, Tom claro de Rosa, Tom claro de Água-marinha, Branco, Tom escuro de Branco-floral, Tom claro de Preto
O esquema de cores foi criado por colorday

Códigos de cores na paleta

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

Cor HEX RGB Nome nome alternativo
#96f2ff #96f2ff RGB(150, 242, 255)Primary UI Aqua—
#ffd6e8 #ffd6e8 RGB(255, 214, 232)Secondary Petal Pink—
#c6ffd0 #c6ffd0 RGB(198, 255, 208)Accent Hint Mint—
#ffffff #ffffff RGB(255, 255, 255)Background Dock WhiteWhite
#f5f2ec #f5f2ec RGB(245, 242, 236)Surface Layout Beige—
#202020 #202020 RGB(32, 32, 32)Text Shadow Black—

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 Razão de contraste
#96f2ff
#ffd6e8
1.02
#96f2ff
#c6ffd0
1.13
#96f2ff
#ffffff
1.27
#96f2ff
#f5f2ec
1.14
#ffd6e8
#c6ffd0
1.16
#ffd6e8
#ffffff
1.3

Paleta de imagens Sidebar Splashwave png

Sidebar Splashwave paleta de cores: Primary UI Aqua, Secondary Petal Pink, Accent Hint Mint, Background Dock White
 Baixar imagem