Gerar paleta
  1. Paletas de cores
  2. Dark UI Web Builder Theme

Dark UI Web Builder Theme

  • Background Jet
    #0f172a
  • Component Blue
    #3b82f6
  • Active Mint
    #22c55e
  • Highlight Coral
    #fb7185
  • Overlay Slate
    #334155
  • Card Fog
    #e5e7eb
  • Accent Gold
    #facc15
  11
Criado em 06/28/2025 20:14
porcolorhunt
A paleta consiste em cores Escuro, Claro, Semi escuro. Cores de destaque Component Blue #3b82f6 e Accent Gold #facc15. A paleta tem Frio, Quente, Neutro temperatura de cores.

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

A saturação global parece vívida (croma alto) — 57% 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 frio (4 de 7).

Códigos HEX (ordenados): #0F172A, #22C55E, #334155, #3B82F6, #E5E7EB, #FACC15, #FB7185

A paleta Dark UI Web Builder Theme combina 7 códigos de cor:
HEX: #0f172a, RGB: (15, 23, 42); HEX: #3b82f6, RGB: (59, 130, 246); HEX: #22c55e, RGB: (34, 197, 94)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #334155, RGB: (51, 65, 85); HEX: #e5e7eb, RGB: (229, 231, 235)
HEX: #facc15, RGB: (250, 204, 21)
Versão simplificada das cores da paleta
Tom claro de Preto, Tom escuro de Azul-dodger, Tom escuro de Verde-lima, Tom escuro de Coral-claro, Tom escuro de Azul-ardósia-escuro, Tom claro de Gainsboro, Tom escuro de Dourado
O esquema de cores foi criado por colorhunt

Códigos de cores na paleta

Dark UI Web Builder Theme códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#0f172a #0f172a RGB(15, 23, 42)Background Jet—
#3b82f6 #3b82f6 RGB(59, 130, 246)Component Blue—
#22c55e #22c55e RGB(34, 197, 94)Active Mint—
#fb7185 #fb7185 RGB(251, 113, 133)Highlight Coral—
#334155 #334155 RGB(51, 65, 85)Overlay Slate—
#e5e7eb #e5e7eb RGB(229, 231, 235)Card Fog—
#facc15 #facc15 RGB(250, 204, 21)Accent Gold—

Contraste da paleta de cores

8 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
#0f172a
#334155
1.72
#3b82f6
#22c55e
1.61
#3b82f6
#fb7185
1.36
#22c55e
#fb7185
1.18
#22c55e
#e5e7eb
1.84
#22c55e
#facc15
1.48

Paleta de imagens Dark UI Web Builder Theme png

Dark UI Web Builder Theme paleta de cores: Background Jet, Component Blue, Active Mint, Highlight Coral, Overlay Slate
 Baixar imagem