Gerar paleta
  1. Paletas de cores
  2. Dark Adaptive Motion UI Kit

Dark Adaptive Motion UI Kit

  • Motion Core Black
    #0e0e0e
  • Tween Curve Teal
    #00e0ff
  • Hover Ring Indigo
    #6c63ff
  • Frame Pause Grey
    #bdbdbd
  • Interaction Glow White
    #fbfbfb
  • Click Feedback Yellow
    #fff275
  1
Criado em 07/11/2025 12:51
porcolorhunt
A paleta consiste em cores Escuro, Claro. Cores de destaque Tween Curve Teal #00e0ff e Click Feedback Yellow #fff275. A paleta tem Neutro, Frio, Quente temperatura de cores.

Em luminosidade, a paleta vai de #0E0E0E (mais escuro) a #FBFBFB (mais claro). A faixa de luminosidade é ampla.

Saturação mista — 3 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): #00E0FF, #0E0E0E, #6C63FF, #BDBDBD, #FBFBFB, #FFF275

A paleta Dark Adaptive Motion UI Kit combina 6 códigos de cor:
HEX: #0e0e0e, RGB: (14, 14, 14); HEX: #00e0ff, RGB: (0, 224, 255); HEX: #6c63ff, RGB: (108, 99, 255)
HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #fff275, RGB: (255, 242, 117)
Versão simplificada das cores da paleta
Tom claro de Preto, Tom escuro de Azul-céu, Tom escuro de Azul-ardósia-médio, Tom escuro de Prata, Tom escuro de Branco, Tom claro de Cáqui
O esquema de cores foi criado por colorhunt

Códigos de cores na paleta

Dark Adaptive Motion UI Kit códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#0e0e0e #0e0e0e RGB(14, 14, 14)Motion Core Black—
#00e0ff #00e0ff RGB(0, 224, 255)Tween Curve Teal—
#6c63ff #6c63ff RGB(108, 99, 255)Hover Ring Indigo—
#bdbdbd #bdbdbd RGB(189, 189, 189)Frame Pause GreyGray74
#fbfbfb #fbfbfb RGB(251, 251, 251)Interaction Glow WhiteWhiteout
#fff275 #fff275 RGB(255, 242, 117)Click Feedback Yellow—

Contraste da paleta de cores

6 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
#00e0ff
#bdbdbd
1.17
#00e0ff
#fbfbfb
1.54
#00e0ff
#fff275
1.38
#bdbdbd
#fbfbfb
1.81
#bdbdbd
#fff275
1.62
#fbfbfb
#fff275
1.11

Paleta de imagens Dark Adaptive Motion UI Kit png

Dark Adaptive Motion UI Kit paleta de cores: Motion Core Black, Tween Curve Teal, Hover Ring Indigo, Frame Pause Grey
 Baixar imagem