Gerar paleta
  1. Paletas de cores
  2. Code Snippet Flow Grid

Code Snippet Flow Grid

  • Syntax Red
    #ef4444
  • Background OffBlack
    #181818
  • Line Yellow
    #facc15
  • Object Sky
    #38bdf8
  • Structure Cream
    #fef3c7
  • Hover Gray
    #9ca3af
  • Scroll Navy
    #0f172a
  6
Criado em 06/12/2025 06:24
porcolorscheme
A paleta consiste em cores Claro, Escuro. Cores de destaque Object Sky #38bdf8 e Structure Cream #fef3c7. A paleta tem Quente, Neutro, Frio temperatura de cores.

Em luminosidade, a paleta vai de #0F172A (mais escuro) a #FEF3C7 (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 quente (3 de 7).

Códigos HEX (ordenados): #0F172A, #181818, #38BDF8, #9CA3AF, #EF4444, #FACC15, #FEF3C7

A paleta Code Snippet Flow Grid combina 7 códigos de cor:
HEX: #ef4444, RGB: (239, 68, 68); HEX: #181818, RGB: (24, 24, 24); HEX: #facc15, RGB: (250, 204, 21)
HEX: #38bdf8, RGB: (56, 189, 248); HEX: #fef3c7, RGB: (254, 243, 199); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #0f172a, RGB: (15, 23, 42)
Versão simplificada das cores da paleta
Tom escuro de Vermelho-indiano, Tom claro de Preto, Tom escuro de Dourado, Tom claro de Azul-céu-profundo, Tom escuro de Chiffon-limão, Tom escuro de Cinza-escuro, Tom claro de Preto
O esquema de cores foi criado por colorscheme

Códigos de cores na paleta

Code Snippet Flow Grid códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#ef4444#ef4444RGB(239, 68, 68)Syntax Red—
#181818#181818RGB(24, 24, 24)Background OffBlackThamar Black
#facc15#facc15RGB(250, 204, 21)Line Yellow—
#38bdf8#38bdf8RGB(56, 189, 248)Object Sky—
#fef3c7#fef3c7RGB(254, 243, 199)Structure Cream—
#9ca3af#9ca3afRGB(156, 163, 175)Hover Gray—
#0f172a#0f172aRGB(15, 23, 42)Scroll Navy—

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 textoCor de fundoRazão de contraste
#ef4444
#38bdf8
1.75
#ef4444
#9ca3af
1.48
#181818
#0f172a
1
#facc15
#38bdf8
1.39
#facc15
#fef3c7
1.37
#facc15
#9ca3af
1.65

Paleta de imagens Code Snippet Flow Grid png

Code Snippet Flow Grid paleta de cores: Syntax Red, Background OffBlack, Line Yellow, Object Sky, Structure Cream, Hover Gray
 Baixar imagem