Створено 01/03/2023 14:25
Mobile view product page responsive colors
- Royal Blue#3672e7
- Light Cobalt Blue#8dacea
- Indigo (Rainbow)#203460
- Dark Chestnut#986854
- Cadet Blue (Crayola)#afb9c3
- Olive Drab Camouflage#54543c
Палітра містить світлий, напівтемний кольори. Акцентні кольори Royal Blue #3672e7 та Dark Chestnut #986854. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #203460 (найтемніший) до #8DACEA (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #203460, #3672E7, #54543C, #8DACEA, #986854, #AFB9C3
Палітра Mobile view product page responsive colors містить комбінацію з 6 кодів кольорів :
HEX: #3672e7, RGB: (54, 114, 231); HEX: #8dacea, RGB: (141, 172, 234); HEX: #203460, RGB: (32, 52, 96)
HEX: #986854, RGB: (152, 104, 84); HEX: #afb9c3, RGB: (175, 185, 195); HEX: #54543c, RGB: (84, 84, 60)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок cornflowerblue, Відтінок darkslateblue, Відтінок sienna, Відтінок Срібний, Відтінок darkolivegreen
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
Mobile view product page responsive colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #3672e7 | #3672e7 | RGB(54, 114, 231) | Royal Blue | — |
| #8dacea | #8dacea | RGB(141, 172, 234) | Light Cobalt Blue | — |
| #203460 | #203460 | RGB(32, 52, 96) | Indigo (Rainbow) | — |
| #986854 | #986854 | RGB(152, 104, 84) | Dark Chestnut | — |
| #afb9c3 | #afb9c3 | RGB(175, 185, 195) | Cadet Blue (Crayola) | — |
| #54543c | #54543c | RGB(84, 84, 60) | Olive Drab Camouflage | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#3672e7 | #8dacea | 1.95 |
#3672e7 | #986854 | 1.06 |
#3672e7 | #54543c | 1.74 |
#8dacea | #afb9c3 | 1.14 |
#203460 | #54543c | 1.57 |
#986854 | #54543c | 1.63 |
Зображення палітри Mobile view product page responsive colors png
Експортувати палітру
Завантажте "Mobile view product page responsive colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: