Gerar paleta
  1. Paletas de cores
  2. Cloud-Native Web UI Shell

Cloud-Native Web UI Shell

  • Kubernetes Blue
    #326ce5
  • Service Mesh Gray
    #9fa6b2
  • Deploy Mint
    #98f5e1
  • YAML Sand
    #f6e9d7
  • Ingress Indigo
    #4b5d67
  • Instance Black
    #1e1e1e
  • Node Cream
    #fcf8f3
  1
Criado em 06/25/2025 18:04
porcolorslib
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque Deploy Mint #98f5e1 e YAML Sand #f6e9d7. A paleta tem Frio, Neutro, Quente temperatura de cores.

Em luminosidade, a paleta vai de #1E1E1E (mais escuro) a #FCF8F3 (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 (3 de 7).

Códigos HEX (ordenados): #1E1E1E, #326CE5, #4B5D67, #98F5E1, #9FA6B2, #F6E9D7, #FCF8F3

A paleta Cloud-Native Web UI Shell combina 7 códigos de cor:
HEX: #326ce5, RGB: (50, 108, 229); HEX: #9fa6b2, RGB: (159, 166, 178); HEX: #98f5e1, RGB: (152, 245, 225)
HEX: #f6e9d7, RGB: (246, 233, 215); HEX: #4b5d67, RGB: (75, 93, 103); HEX: #1e1e1e, RGB: (30, 30, 30)
HEX: #fcf8f3, RGB: (252, 248, 243)
Versão simplificada das cores da paleta
Tom escuro de Azul-royal, Tom escuro de Cinza-escuro, Tom claro de Água-marinha, Tom escuro de Branco-antigo, Tom escuro de Cinza-fosco, Tom claro de Preto, Tom escuro de Branco-floral
O esquema de cores foi criado por colorslib

Códigos de cores na paleta

Cloud-Native Web UI Shell códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#326ce5 #326ce5 RGB(50, 108, 229)Kubernetes Blue—
#9fa6b2 #9fa6b2 RGB(159, 166, 178)Service Mesh Gray—
#98f5e1 #98f5e1 RGB(152, 245, 225)Deploy Mint—
#f6e9d7 #f6e9d7 RGB(246, 233, 215)YAML Sand—
#4b5d67 #4b5d67 RGB(75, 93, 103)Ingress Indigo—
#1e1e1e #1e1e1e RGB(30, 30, 30)Instance Black—
#fcf8f3 #fcf8f3 RGB(252, 248, 243)Node Cream—

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
#326ce5
#9fa6b2
1.94
#326ce5
#4b5d67
1.44
#9fa6b2
#98f5e1
1.92
#98f5e1
#f6e9d7
1.06
#98f5e1
#fcf8f3
1.2
#f6e9d7
#fcf8f3
1.13

Paleta de imagens Cloud-Native Web UI Shell png

Cloud-Native Web UI Shell paleta de cores: Kubernetes Blue, Service Mesh Gray, Deploy Mint, YAML Sand, Ingress Indigo
 Baixar imagem