Створено 10/07/2022 11:03
Ux ui website design navigation colours
- Ultramarine Blue#3c6cfc
- Coral#fb7c5b
- Indigo (Rainbow)#243461
- UCLA Blue#526196
- Pastel Blue#b6bcd4
- American Blue#3d436a
Палітра містить світлий, напівтемний кольори. Акцентні кольори Ultramarine Blue #3c6cfc та Coral #fb7c5b. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #243461 (найтемніший) до #B6BCD4 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #243461, #3C6CFC, #3D436A, #526196, #B6BCD4, #FB7C5B
Палітра Ux ui website design navigation colours містить комбінацію з 6 кодів кольорів :
HEX: #3c6cfc, RGB: (60, 108, 252); HEX: #fb7c5b, RGB: (251, 124, 91); HEX: #243461, RGB: (36, 52, 97)
HEX: #526196, RGB: (82, 97, 150); HEX: #b6bcd4, RGB: (182, 188, 212); HEX: #3d436a, RGB: (61, 67, 106)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок coral, Відтінок darkslateblue, Відтінок slateblue, Відтінок lightsteelblue, Відтінок darkslateblue
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Ux ui website design navigation colours коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #3c6cfc | #3c6cfc | RGB(60, 108, 252) | Ultramarine Blue | — |
| #fb7c5b | #fb7c5b | RGB(251, 124, 91) | Coral | — |
| #243461 | #243461 | RGB(36, 52, 97) | Indigo (Rainbow) | — |
| #526196 | #526196 | RGB(82, 97, 150) | UCLA Blue | — |
| #b6bcd4 | #b6bcd4 | RGB(182, 188, 212) | Pastel Blue | — |
| #3d436a | #3d436a | RGB(61, 67, 106) | American Blue | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#3c6cfc | #fb7c5b | 1.71 |
#3c6cfc | #526196 | 1.35 |
#fb7c5b | #b6bcd4 | 1.36 |
#243461 | #3d436a | 1.27 |
#526196 | #3d436a | 1.58 |
Зображення палітри Ux ui website design navigation colours png
Експортувати палітру
Завантажте "Ux ui website design navigation colours" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: