Gerar paleta
  1. Paletas de cores
  2. GraphQL Data Explorer Colors

GraphQL Data Explorer Colors

  • Query Pink
    #ff8fab
  • Mutation Indigo
    #9d4edd
  • Resolver Grey
    #b8b8b8
  • Endpoint White
    #ffffff
  • Variable Blue
    #4c91f0
  • Node Orange
    #ff8c42
  6
Criado em 07/13/2025 17:14
porraccoon
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Query Pink #ff8fab e Variable Blue #4c91f0. A paleta tem Quente, Frio, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #9D4EDD (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é moderada.

A saturação global parece vívida (croma alto) — 67% das cores são vívidas.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).

Códigos HEX (ordenados): #4C91F0, #9D4EDD, #B8B8B8, #FF8C42, #FF8FAB, #FFFFFF

A paleta GraphQL Data Explorer Colors combina 6 códigos de cor:
HEX: #ff8fab, RGB: (255, 143, 171); HEX: #9d4edd, RGB: (157, 78, 221); HEX: #b8b8b8, RGB: (184, 184, 184)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #4c91f0, RGB: (76, 145, 240); HEX: #ff8c42, RGB: (255, 140, 66)
Versão simplificada das cores da paleta
Tom claro de Vermelho-violeta-pálido, Tom claro de Orquídea-escura, Tom escuro de Prata, Branco, Tom escuro de Azul-centáurea, Tom claro de Laranja-escuro
O esquema de cores foi criado por raccoon

Códigos de cores na paleta

GraphQL Data Explorer Colors códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#ff8fab #ff8fab RGB(255, 143, 171)Query Pink—
#9d4edd #9d4edd RGB(157, 78, 221)Mutation Indigo—
#b8b8b8 #b8b8b8 RGB(184, 184, 184)Resolver GreyFortress Grey
#ffffff #ffffff RGB(255, 255, 255)Endpoint WhiteWhite
#4c91f0 #4c91f0 RGB(76, 145, 240)Variable Blue—
#ff8c42 #ff8c42 RGB(255, 140, 66)Node Orange—

Contraste da paleta de cores

9 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
#ff8fab
#b8b8b8
1.08
#ff8fab
#4c91f0
1.47
#ff8fab
#ff8c42
1.07
#9d4edd
#4c91f0
1.44
#9d4edd
#ff8c42
1.98
#b8b8b8
#ffffff
1.98

Paleta de imagens GraphQL Data Explorer Colors png

GraphQL Data Explorer Colors: Query Pink, Mutation Indigo, Resolver Grey, Endpoint White, Variable Blue, Node Orange
 Baixar imagem