Gerar paleta
  1. Paletas de cores
  2. Dark Theme UI Kit for AI Coding Tools

Dark Theme UI Kit for AI Coding Tools

  • Syntax Highlight Pink
    #ffb6c1
  • Console Navy
    #1a1a2e
  • Runtime Teal
    #00d1b2
  • Debugger Gray
    #b0bec5
  • Compile Sky
    #00b8ff
  • IDE Base Black
    #121212
  26
Criado em 07/16/2025 20:24
porcolorstudio
A paleta consiste em cores Claro, Escuro. Cores de destaque Syntax Highlight Pink #ffb6c1 e Runtime Teal #00d1b2. A paleta tem Quente, Frio, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #121212 (mais escuro) a #FFB6C1 (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 (4 de 6).

Códigos HEX (ordenados): #00B8FF, #00D1B2, #121212, #1A1A2E, #B0BEC5, #FFB6C1

A paleta Dark Theme UI Kit for AI Coding Tools combina 6 códigos de cor:
HEX: #ffb6c1, RGB: (255, 182, 193); HEX: #1a1a2e, RGB: (26, 26, 46); HEX: #00d1b2, RGB: (0, 209, 178)
HEX: #b0bec5, RGB: (176, 190, 197); HEX: #00b8ff, RGB: (0, 184, 255); HEX: #121212, RGB: (18, 18, 18)
Versão simplificada das cores da paleta
Rosa-claro, Tom claro de Preto, Tom escuro de Água-marinha-média, Tom escuro de Prata, Tom escuro de Azul-céu-profundo, Tom claro de Preto
O esquema de cores foi criado por colorstudio

Códigos de cores na paleta

Dark Theme UI Kit for AI Coding Tools códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#ffb6c1 #ffb6c1 RGB(255, 182, 193)Syntax Highlight PinkLightpink
#1a1a2e #1a1a2e RGB(26, 26, 46)Console Navy—
#00d1b2 #00d1b2 RGB(0, 209, 178)Runtime Teal—
#b0bec5 #b0bec5 RGB(176, 190, 197)Debugger GrayOcean Drive
#00b8ff #00b8ff RGB(0, 184, 255)Compile Sky—
#121212 #121212 RGB(18, 18, 18)IDE Base BlackDark Tone Ink

Contraste da paleta de cores

7 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
#ffb6c1
#00d1b2
1.18
#ffb6c1
#b0bec5
1.15
#ffb6c1
#00b8ff
1.36
#1a1a2e
#121212
1.09
#00d1b2
#b0bec5
1.02
#00d1b2
#00b8ff
1.15

Paleta de imagens Dark Theme UI Kit for AI Coding Tools png

Dark Theme UI Kit for AI Coding Tools paleta de cores: Syntax Highlight Pink, Console Navy, Runtime Teal, Debugger Gray
 Baixar imagem