Створено 06/17/2025 12:07
Responsive E-commerce UI Kit
- Cart Salmon#ff8e72
- Wishlist Mist#f4f5f7
- Product Teal Glow#22babb
- Add-to-Bag Orange#ffb84c
- Price Tag Navy#233142
- Promo Yellow Spark#ffea7f
Палітра містить світлий, темний кольори. Акцентні кольори Product Teal Glow #22babb та Promo Yellow Spark #ffea7f. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.
За світлістю палітра сягає від #233142 (найтемніший) до #F4F5F7 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #22BABB, #233142, #F4F5F7, #FF8E72, #FFB84C, #FFEA7F
Палітра Responsive E-commerce UI Kit містить комбінацію з 6 кодів кольорів :
HEX: #ff8e72, RGB: (255, 142, 114); HEX: #f4f5f7, RGB: (244, 245, 247); HEX: #22babb, RGB: (34, 186, 187)
HEX: #ffb84c, RGB: (255, 184, 76); HEX: #233142, RGB: (35, 49, 66); HEX: #ffea7f, RGB: (255, 234, 127)
Спрощений варіант палітри кольорів
Відтінок darksalmon, Відтінок whitesmoke, Відтінок lightseagreen, Відтінок Помаранчевий, Відтінок midnightblue, Відтінок хакі
Кольорова схема створена автором colorscheme
Коди кольорів у палітрі
Responsive E-commerce UI Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #ff8e72 | #ff8e72 | RGB(255, 142, 114) | Cart Salmon | — |
| #f4f5f7 | #f4f5f7 | RGB(244, 245, 247) | Wishlist Mist | — |
| #22babb | #22babb | RGB(34, 186, 187) | Product Teal Glow | — |
| #ffb84c | #ffb84c | RGB(255, 184, 76) | Add-to-Bag Orange | — |
| #233142 | #233142 | RGB(35, 49, 66) | Price Tag Navy | — |
| #ffea7f | #ffea7f | RGB(255, 234, 127) | Promo Yellow Spark | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#ff8e72 | #22babb | 1.06 |
#ff8e72 | #ffb84c | 1.3 |
#ff8e72 | #ffea7f | 1.85 |
#f4f5f7 | #ffb84c | 1.57 |
#f4f5f7 | #ffea7f | 1.11 |
#22babb | #ffb84c | 1.38 |
Зображення палітри Responsive E-commerce UI Kit png
Експортувати палітру
Завантажте "Responsive E-commerce UI Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: