Створено 02/14/2023 14:09
Platform constructor ui low code palette
- Glaucous#5c7bc4
- Honeydew#e4fce9
- Indigo (Rainbow)#233561
- UCLA Blue#4c649c
- Lavender Gray#c0c9cf
- Charcoal#373f4e
Палітра містить світлий, напівтемний кольори. Акцентні кольори Honeydew #e4fce9 та Indigo (Rainbow) #233561. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #233561 (найтемніший) до #E4FCE9 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Відтінки лежать у сусідній смузі на колі (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #233561, #373F4E, #4C649C, #5C7BC4, #C0C9CF, #E4FCE9
Палітра Platform constructor ui low code palette містить комбінацію з 6 кодів кольорів :
HEX: #5c7bc4, RGB: (92, 123, 196); HEX: #e4fce9, RGB: (228, 252, 233); HEX: #233561, RGB: (35, 53, 97)
HEX: #4c649c, RGB: (76, 100, 156); HEX: #c0c9cf, RGB: (192, 201, 207); HEX: #373f4e, RGB: (55, 63, 78)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок honeydew, Відтінок darkslateblue, Відтінок royalblue, Відтінок Срібний, Відтінок darkslateblue
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
Platform constructor ui low code palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #5c7bc4 | #5c7bc4 | RGB(92, 123, 196) | Glaucous | — |
| #e4fce9 | #e4fce9 | RGB(228, 252, 233) | Honeydew | — |
| #233561 | #233561 | RGB(35, 53, 97) | Indigo (Rainbow) | — |
| #4c649c | #4c649c | RGB(76, 100, 156) | UCLA Blue | — |
| #c0c9cf | #c0c9cf | RGB(192, 201, 207) | Lavender Gray | — |
| #373f4e | #373f4e | RGB(55, 63, 78) | Charcoal | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#5c7bc4 | #4c649c | 1.4 |
#e4fce9 | #c0c9cf | 1.55 |
#233561 | #373f4e | 1.13 |
#4c649c | #373f4e | 1.82 |
Зображення палітри Platform constructor ui low code palette png
Експортувати палітру
Завантажте "Platform constructor ui low code palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: