Sign up design ui onboarding palette
- Black#141414
- Foundation White#f0f0ff
- White#ffffff
- Lavender Blush#fff0f0
- Anti-Flash White#f0f0f0
- Magnolia#fff0ff
Створено 08/23/2023 10:42
Палітра містить темний, світлий кольори. Акцентні кольори Lavender Blush #fff0f0 та Magnolia #fff0ff. Палітра має температуру кольорів Нейтральний.
За світлістю палітра сягає від #141414 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 3 приглушених і 3 яскравих із 6 кольорів.
Різноманітна палітра: відтінки розподілені приблизно на 120° колірного кола.
Більшість зразків читаються як нейтральні за температурою (6 із 6).
HEX-коди (відсортовано): #141414, #F0F0F0, #F0F0FF, #FFF0F0, #FFF0FF, #FFFFFF
Палітра Sign up design ui onboarding palette містить комбінацію з 6 кодів кольорів :
HEX: #141414, RGB: (20, 20, 20); HEX: #f0f0ff, RGB: (240, 240, 255); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #fff0f0, RGB: (255, 240, 240); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #fff0ff, RGB: (255, 240, 255)
Спрощений варіант палітри кольорів
Світлий відтінок Чорний, Світлий відтінок Лавандовий, Білий, Темний відтінок Лавандовий рум'янець, Темний відтінок Димчасто-білий, Світлий відтінок Лавандовий рум'янець
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Sign up design ui onboarding palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #f0f0ff | #f0f0ff | RGB(240, 240, 255) | Foundation White | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #fff0f0 | #fff0f0 | RGB(255, 240, 240) | Lavender Blush | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #fff0ff | #fff0ff | RGB(255, 240, 255) | Magnolia | — |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#f0f0ff | #ffffff | 1.12 |
#f0f0ff | #fff0f0 | 1.01 |
#f0f0ff | #f0f0f0 | 1.01 |
#f0f0ff | #fff0ff | 1.02 |
#ffffff | #fff0f0 | 1.1 |
#ffffff | #f0f0f0 | 1.13 |
Палітра із зображення Sign up design ui onboarding palette png
Експортувати палітру
Завантажте "Sign up design ui onboarding palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: