Створено 05/30/2025 09:20
Sprite Collider
- Primary Pixel Green#a0ff96
- Secondary Sky HUD Blue#84d1ff
- Accent Score Amber#ffd86e
- Background Overlay Dark#121212
- Surface Border Black#242424
- Text UI Light#ffffff
Палітра містить світлий, темний кольори. Акцентні кольори Secondary Sky HUD Blue #84d1ff та Accent Score Amber #ffd86e. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #121212 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #121212, #242424, #84D1FF, #A0FF96, #FFD86E, #FFFFFF
Палітра Sprite Collider містить комбінацію з 6 кодів кольорів :
HEX: #a0ff96, RGB: (160, 255, 150); HEX: #84d1ff, RGB: (132, 209, 255); HEX: #ffd86e, RGB: (255, 216, 110)
HEX: #121212, RGB: (18, 18, 18); HEX: #242424, RGB: (36, 36, 36); HEX: #ffffff, RGB: (255, 255, 255)
Спрощений варіант палітри кольорів
Відтінок palegreen, Відтінок lightskyblue, Відтінок gold, Відтінок Чорний, Відтінок Чорний, Білий
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Sprite Collider коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #a0ff96 | #a0ff96 | RGB(160, 255, 150) | Primary Pixel Green | — |
| #84d1ff | #84d1ff | RGB(132, 209, 255) | Secondary Sky HUD Blue | — |
| #ffd86e | #ffd86e | RGB(255, 216, 110) | Accent Score Amber | — |
| #121212 | #121212 | RGB(18, 18, 18) | Background Overlay Dark | Dark Tone Ink |
| #242424 | #242424 | RGB(36, 36, 36) | Surface Border Black | Gray14 |
| #ffffff | #ffffff | RGB(255, 255, 255) | Text UI Light | White |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#a0ff96 | #84d1ff | 1.37 |
#a0ff96 | #ffd86e | 1.12 |
#a0ff96 | #ffffff | 1.21 |
#84d1ff | #ffd86e | 1.21 |
#84d1ff | #ffffff | 1.67 |
#ffd86e | #ffffff | 1.37 |
Зображення палітри Sprite Collider png
Експортувати палітру
Завантажте "Sprite Collider" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: