Створено 02/26/2023 17:49
Website design interface ui colours
- Vista Blue#7297d5
- Baby Blue Eyes#9cbef3
- Indigo (Rainbow)#1e3966
- Liberty#625aaf
- Lavender Gray#c2bdda
- Arsenic#3c414c
Палітра містить світлий, напівтемний кольори. Акцентні кольори Baby Blue Eyes #9cbef3 та Indigo (Rainbow) #1e3966. Палітра має температуру кольорів Холодний.
За світлістю палітра сягає від #1E3966 (найтемніший) до #C2BDDA (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #1E3966, #3C414C, #625AAF, #7297D5, #9CBEF3, #C2BDDA
Палітра Website design interface ui colours містить комбінацію з 6 кодів кольорів :
HEX: #7297d5, RGB: (114, 151, 213); HEX: #9cbef3, RGB: (156, 190, 243); HEX: #1e3966, RGB: (30, 57, 102)
HEX: #625aaf, RGB: (98, 90, 175); HEX: #c2bdda, RGB: (194, 189, 218); HEX: #3c414c, RGB: (60, 65, 76)
Спрощений варіант палітри кольорів
Відтінок cornflowerblue, Відтінок lightsteelblue, Відтінок darkslateblue, Відтінок slateblue, Відтінок thistle, Відтінок darkslategrey
Кольорова схема створена автором bad_colors
Коди кольорів у палітрі
Website design interface ui colours коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #7297d5 | #7297d5 | RGB(114, 151, 213) | Vista Blue | — |
| #9cbef3 | #9cbef3 | RGB(156, 190, 243) | Baby Blue Eyes | — |
| #1e3966 | #1e3966 | RGB(30, 57, 102) | Indigo (Rainbow) | — |
| #625aaf | #625aaf | RGB(98, 90, 175) | Liberty | — |
| #c2bdda | #c2bdda | RGB(194, 189, 218) | Lavender Gray | — |
| #3c414c | #3c414c | RGB(60, 65, 76) | Arsenic | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#7297d5 | #9cbef3 | 1.55 |
#7297d5 | #625aaf | 1.97 |
#7297d5 | #c2bdda | 1.63 |
#9cbef3 | #c2bdda | 1.04 |
#1e3966 | #625aaf | 1.96 |
#1e3966 | #3c414c | 1.12 |
Зображення палітри Website design interface ui colours png
Експортувати палітру
Завантажте "Website design interface ui colours" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: