Створено 05/30/2025 19:51
Sunsoft UI Storyboard
- Primary Lemonfade#fff5b1
- Secondary Paste Shell#fff1e5
- Accent Cherry Frame#ffb5be
- Accent Lite Cyan#c6fff6
- Surface Board White#ffffff
- Text Ink UI#222222
Палітра містить світлий, темний кольори. Акцентні кольори Secondary Paste Shell #fff1e5 та Accent Lite Cyan #c6fff6. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #222222 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #222222, #C6FFF6, #FFB5BE, #FFF1E5, #FFF5B1, #FFFFFF
Палітра Sunsoft UI Storyboard містить комбінацію з 6 кодів кольорів :
HEX: #fff5b1, RGB: (255, 245, 177); HEX: #fff1e5, RGB: (255, 241, 229); HEX: #ffb5be, RGB: (255, 181, 190)
HEX: #c6fff6, RGB: (198, 255, 246); HEX: #ffffff, RGB: (255, 255, 255); HEX: #222222, RGB: (34, 34, 34)
Спрощений варіант палітри кольорів
Відтінок palegoldenrod, Відтінок linen, Відтінок lightpink, Відтінок paleturquoise, Білий, Відтінок Чорний
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
Sunsoft UI Storyboard коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #fff5b1 | #fff5b1 | RGB(255, 245, 177) | Primary Lemonfade | — |
| #fff1e5 | #fff1e5 | RGB(255, 241, 229) | Secondary Paste Shell | — |
| #ffb5be | #ffb5be | RGB(255, 181, 190) | Accent Cherry Frame | — |
| #c6fff6 | #c6fff6 | RGB(198, 255, 246) | Accent Lite Cyan | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface Board White | White |
| #222222 | #222222 | RGB(34, 34, 34) | Text Ink UI | Black Out |
Контраст палітри кольорів
10 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#fff5b1 | #fff1e5 | 1 |
#fff5b1 | #ffb5be | 1.5 |
#fff5b1 | #c6fff6 | 1 |
#fff5b1 | #ffffff | 1.1 |
#fff1e5 | #ffb5be | 1.5 |
#fff1e5 | #c6fff6 | 1 |
Зображення палітри Sunsoft UI Storyboard png
Експортувати палітру
Завантажте "Sunsoft UI Storyboard" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: