Створено 04/23/2023 17:22
Design system blueprint guidelines brand
- Black#141414
- Blue Bolt#00b4ff
- Vivid Sky Blue#00c8ff
- Picton Blue#3cc8ff
- Spiro Disco Ball#28c8ff
- Spiro Disco Ball#14c8ff
Палітра містить темний, світлий кольори. Акцентні кольори Black #141414 та Picton Blue #3cc8ff. Палітра має температуру кольорів Нейтральний, Холодний.
За світлістю палітра сягає від #141414 (найтемніший) до #3CC8FF (найсвітліший). Діапазон світлості помірний.
Загалом насиченість здається яскравою (висока хрома).
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #00B4FF, #00C8FF, #141414, #14C8FF, #28C8FF, #3CC8FF
Палітра Design system blueprint guidelines brand містить комбінацію з 6 кодів кольорів :
HEX: #141414, RGB: (20, 20, 20); HEX: #00b4ff, RGB: (0, 180, 255); HEX: #00c8ff, RGB: (0, 200, 255)
HEX: #3cc8ff, RGB: (60, 200, 255); HEX: #28c8ff, RGB: (40, 200, 255); HEX: #14c8ff, RGB: (20, 200, 255)
Спрощений варіант палітри кольорів
Відтінок Чорний, Відтінок deepskyblue, Відтінок deepskyblue, Відтінок deepskyblue, Відтінок deepskyblue, Відтінок deepskyblue
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Design system blueprint guidelines brand коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #00b4ff | #00b4ff | RGB(0, 180, 255) | Blue Bolt | — |
| #00c8ff | #00c8ff | RGB(0, 200, 255) | Vivid Sky Blue | — |
| #3cc8ff | #3cc8ff | RGB(60, 200, 255) | Picton Blue | — |
| #28c8ff | #28c8ff | RGB(40, 200, 255) | Spiro Disco Ball | — |
| #14c8ff | #14c8ff | RGB(20, 200, 255) | Spiro Disco Ball | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#00b4ff | #00c8ff | 1.19 |
#00b4ff | #3cc8ff | 1.21 |
#00b4ff | #28c8ff | 1.2 |
#00b4ff | #14c8ff | 1.19 |
#00c8ff | #3cc8ff | 1.01 |
#00c8ff | #28c8ff | 1 |
Зображення палітри Design system blueprint guidelines brand png
Експортувати палітру
Завантажте "Design system blueprint guidelines brand" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: