Criado em 03/27/2026 21:15
GraphQL API Schema Explorer Developer UI Palette
- Query Pink#ec4899
- Mutation Red#f43f5e
- Resolver Blue#3b82f6
- Type Green#22c55e
- Schema Gray#9ca3af
- Background White#ffffff
- Text Black#020617
A paleta consiste em cores Luz, Escuro. Cores de destaque Mutation Red #f43f5e e Resolver Blue #3b82f6. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #020617 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #020617, #22C55E, #3B82F6, #9CA3AF, #EC4899, #F43F5E, #FFFFFF
A paleta GraphQL API Schema Explorer Developer UI Palette tem uma combinação de cores de códigos de 7:
HEX: #ec4899, RGB: (236, 72, 153); HEX: #f43f5e, RGB: (244, 63, 94); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #22c55e, RGB: (34, 197, 94); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #020617, RGB: (2, 6, 23)
Versão simplificada das cores da paleta
Sombra de deeppink, Matiz de indianred, Matiz de dodgerblue, Matiz de limegreen, Matiz de darkgrey, Branco, Sombra de Preto
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
GraphQL API Schema Explorer Developer UI Palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ec4899 | #ec4899 | RGB(236, 72, 153) | Query Pink | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Mutation Red | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Resolver Blue | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Type Green | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Schema Gray | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #020617 | #020617 | RGB(2, 6, 23) | Text Black | — |
Contraste da Paleta de Cores
10 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#ec4899 | #f43f5e | 1.04 |
#ec4899 | #3b82f6 | 1.04 |
#ec4899 | #22c55e | 1.54 |
#ec4899 | #9ca3af | 1.38 |
#f43f5e | #3b82f6 | 1 |
#f43f5e | #22c55e | 1.61 |
Paleta de imagens GraphQL API Schema Explorer Developer UI Palette png
Exportar paleta
Baixe a "GraphQL API Schema Explorer Developer UI Palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: