Генератор палітр
  1. Палітри кольорів
  2. GraphQL UI Patterns and Themes

GraphQL UI Patterns and Themes

  • Query Magenta
    #ec407a
  • Schema Indigo
    #3f51b5
  • Resolve Cloud
    #e0f7fa
  • Mutation Mustard
    #ffee58
  • Fetch Black
    #1c1c1c
  • API Snow
    #fdfdfd
  16
Створено 07/25/2025 08:00
авторhex
Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Resolve Cloud #e0f7fa та Mutation Mustard #ffee58. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.

За світлістю палітра сягає від #1C1C1C (найтемніший) до #FDFDFD (найсвітліший). Діапазон світлості широкий.

Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.

Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.

Загалом температура зміщена в бік теплого (2 із 6).

HEX-коди (відсортовано): #1C1C1C, #3F51B5, #E0F7FA, #EC407A, #FDFDFD, #FFEE58

Палітра GraphQL UI Patterns and Themes містить комбінацію з 6 кодів кольорів :
HEX: #ec407a, RGB: (236, 64, 122); HEX: #3f51b5, RGB: (63, 81, 181); HEX: #e0f7fa, RGB: (224, 247, 250)
HEX: #ffee58, RGB: (255, 238, 88); HEX: #1c1c1c, RGB: (28, 28, 28); HEX: #fdfdfd, RGB: (253, 253, 253)
Спрощений варіант палітри кольорів
Світлий відтінок Насичений рожевий, Темний відтінок Сланцево-синій, Темний відтінок Лазуровий, Світлий відтінок Жовтий, Світлий відтінок Чорний, Темний відтінок Білий
Кольорова схема створена автором hex

Коди кольорів у палітрі

GraphQL UI Patterns and Themes коди кольорів HEX, RGB інформація у таблиці

КолірHEXRGBНазваАльтернативна назва
#ec407a#ec407aRGB(236, 64, 122)Query Magenta—
#3f51b5#3f51b5RGB(63, 81, 181)Schema Indigo—
#e0f7fa#e0f7faRGB(224, 247, 250)Resolve Cloud—
#ffee58#ffee58RGB(255, 238, 88)Mutation Mustard—
#1c1c1c#1c1c1cRGB(28, 28, 28)Fetch BlackGray11
#fdfdfd#fdfdfdRGB(253, 253, 253)API SnowBrilliance

Контраст палітри кольорів

4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір текстуКолір фонуКоефіцієнт контрастності
#ec407a
#3f51b5
1.82
#e0f7fa
#ffee58
1.06
#e0f7fa
#fdfdfd
1.09
#ffee58
#fdfdfd
1.17

Палітра із зображення GraphQL UI Patterns and Themes png

GraphQL UI Patterns and Themes палітра кольорів: Query Magenta, Schema Indigo, Resolve Cloud, Mutation Mustard, Fetch Black
 Завантажити зображення