Створено 07/07/2025 17:11
GraphQL Interface Explorer Mode
- Schema Purple#9c27b0
- Query Sky#00bcd4
- Mutation Rose#f8bbd0
- Resolver Gray#b0bec5
- Type System White#fafafa
- Introspection Black#1a1a1a
Палітра містить світлий, темний кольори. Акцентні кольори Query Sky #00bcd4 та Mutation Rose #f8bbd0. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #1A1A1A (найтемніший) до #FAFAFA (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #00BCD4, #1A1A1A, #9C27B0, #B0BEC5, #F8BBD0, #FAFAFA
Палітра GraphQL Interface Explorer Mode містить комбінацію з 6 кодів кольорів :
HEX: #9c27b0, RGB: (156, 39, 176); HEX: #00bcd4, RGB: (0, 188, 212); HEX: #f8bbd0, RGB: (248, 187, 208)
HEX: #b0bec5, RGB: (176, 190, 197); HEX: #fafafa, RGB: (250, 250, 250); HEX: #1a1a1a, RGB: (26, 26, 26)
Спрощений варіант палітри кольорів
Відтінок darkorchid, Відтінок darkturquoise, Відтінок Рожевий, Відтінок Срібний, Відтінок whitesmoke, Відтінок Чорний
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
GraphQL Interface Explorer Mode коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | Schema Purple | — |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Query Sky | — |
| #f8bbd0 | #f8bbd0 | RGB(248, 187, 208) | Mutation Rose | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Resolver Gray | Ocean Drive |
| #fafafa | #fafafa | RGB(250, 250, 250) | Type System White | Dr. White |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Introspection Black | Gray10 |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#00bcd4 | #f8bbd0 | 1.42 |
#00bcd4 | #b0bec5 | 1.2 |
#f8bbd0 | #b0bec5 | 1.18 |
#f8bbd0 | #fafafa | 1.54 |
#b0bec5 | #fafafa | 1.82 |
Зображення палітри GraphQL Interface Explorer Mode png
Експортувати палітру
Завантажте "GraphQL Interface Explorer Mode" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: