Створено 06/17/2025 12:06
EdTech Course Builder UI
- Module Sky#a4d8ff
- Lesson Coral#ff9e9d
- Quiz Slate#3e3e3e
- Sidebar Cream#fff8f2
- Progress Lime#bfffb3
- Title Ink#1a1a1a
Палітра містить світлий, темний кольори. Акцентні кольори Module Sky #a4d8ff та Sidebar Cream #fff8f2. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #1A1A1A (найтемніший) до #FFF8F2 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #1A1A1A, #3E3E3E, #A4D8FF, #BFFFB3, #FF9E9D, #FFF8F2
Палітра EdTech Course Builder UI містить комбінацію з 6 кодів кольорів :
HEX: #a4d8ff, RGB: (164, 216, 255); HEX: #ff9e9d, RGB: (255, 158, 157); HEX: #3e3e3e, RGB: (62, 62, 62)
HEX: #fff8f2, RGB: (255, 248, 242); HEX: #bfffb3, RGB: (191, 255, 179); HEX: #1a1a1a, RGB: (26, 26, 26)
Спрощений варіант палітри кольорів
Відтінок lightskyblue, Відтінок lightcoral, Відтінок darkslategrey, Відтінок floralwhite, Відтінок palegreen, Відтінок Чорний
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
EdTech Course Builder UI коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #a4d8ff | #a4d8ff | RGB(164, 216, 255) | Module Sky | — |
| #ff9e9d | #ff9e9d | RGB(255, 158, 157) | Lesson Coral | — |
| #3e3e3e | #3e3e3e | RGB(62, 62, 62) | Quiz Slate | — |
| #fff8f2 | #fff8f2 | RGB(255, 248, 242) | Sidebar Cream | — |
| #bfffb3 | #bfffb3 | RGB(191, 255, 179) | Progress Lime | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Title Ink | Gray10 |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#a4d8ff | #ff9e9d | 1.3 |
#a4d8ff | #fff8f2 | 1.44 |
#a4d8ff | #bfffb3 | 1.31 |
#ff9e9d | #fff8f2 | 1.87 |
#ff9e9d | #bfffb3 | 1.7 |
#3e3e3e | #1a1a1a | 1.62 |
Зображення палітри EdTech Course Builder UI png
Експортувати палітру
Завантажте "EdTech Course Builder UI" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: