Loading...
Створено 12/31/2022 19:42
Online store product web design landing page
- Jelly Bean Blue#377a9f
- Pastel Blue#a2bdd5
- Brown Chocolate#642034
- Asparagus#9ba465
- Pale Silver#ccc0c2
- Police Blue#2c5865
Палітра містить світлий, темний кольори. Акцентні кольори Jelly Bean Blue #377a9f та Brown Chocolate #642034. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #642034 (найтемніший) до #CCC0C2 (найсвітліший). Діапазон світлості помірний.
Насиченість у середньому діапазоні.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #2C5865, #377A9F, #642034, #9BA465, #A2BDD5, #CCC0C2
Палітра Online store product web design landing page містить комбінацію з 6 кодів кольорів :
HEX: #377a9f, RGB: (55, 122, 159); HEX: #a2bdd5, RGB: (162, 189, 213); HEX: #642034, RGB: (100, 32, 52)
HEX: #9ba465, RGB: (155, 164, 101); HEX: #ccc0c2, RGB: (204, 192, 194); HEX: #2c5865, RGB: (44, 88, 101)
Спрощений варіант палітри кольорів
Відтінок steelblue, Відтінок lightsteelblue, Відтінок Бордовий, Відтінок darkkhaki, Відтінок Срібний, Відтінок darkslategrey
Кольорова схема створена автором hex
Коди кольорів у палітрі
Online store product web design landing page коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #377a9f | #377a9f | RGB(55, 122, 159) | Jelly Bean Blue | — |
| #a2bdd5 | #a2bdd5 | RGB(162, 189, 213) | Pastel Blue | — |
| #642034 | #642034 | RGB(100, 32, 52) | Brown Chocolate | — |
| #9ba465 | #9ba465 | RGB(155, 164, 101) | Asparagus | — |
| #ccc0c2 | #ccc0c2 | RGB(204, 192, 194) | Pale Silver | — |
| #2c5865 | #2c5865 | RGB(44, 88, 101) | Police Blue | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#377a9f | #9ba465 | 1.77 |
#377a9f | #2c5865 | 1.65 |
#a2bdd5 | #9ba465 | 1.36 |
#a2bdd5 | #ccc0c2 | 1.1 |
#642034 | #2c5865 | 1.49 |
#9ba465 | #ccc0c2 | 1.5 |
Зображення палітри Online store product web design landing page png
Експортувати палітру
Завантажте "Online store product web design landing page" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: