Створено 03/15/2023 12:10
Web design ui colours
- Ball Blue#1abfc7
- Water#c9f9f9
- Dark Imperial Blue#051565
- Blue-Violet (Crayola)#6b71ad
- Dark Vanilla#c4bcac
- Charleston Green#242c2c
Палітра містить світлий, темний кольори. Акцентні кольори Dark Imperial Blue #051565 та Dark Vanilla #c4bcac. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #242C2C (найтемніший) до #C9F9F9 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #051565, #1ABFC7, #242C2C, #6B71AD, #C4BCAC, #C9F9F9
Палітра Web design ui colours містить комбінацію з 6 кодів кольорів :
HEX: #1abfc7, RGB: (26, 191, 199); HEX: #c9f9f9, RGB: (201, 249, 249); HEX: #051565, RGB: (5, 21, 101)
HEX: #6b71ad, RGB: (107, 113, 173); HEX: #c4bcac, RGB: (196, 188, 172); HEX: #242c2c, RGB: (36, 44, 44)
Спрощений варіант палітри кольорів
Відтінок darkturquoise, Відтінок lightcyan, Відтінок midnightblue, Відтінок slateblue, Відтінок Срібний, Відтінок Чорний
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Web design ui colours коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #1abfc7 | #1abfc7 | RGB(26, 191, 199) | Ball Blue | — |
| #c9f9f9 | #c9f9f9 | RGB(201, 249, 249) | Water | — |
| #051565 | #051565 | RGB(5, 21, 101) | Dark Imperial Blue | — |
| #6b71ad | #6b71ad | RGB(107, 113, 173) | Blue-Violet (Crayola) | — |
| #c4bcac | #c4bcac | RGB(196, 188, 172) | Dark Vanilla | — |
| #242c2c | #242c2c | RGB(36, 44, 44) | Charleston Green | — |
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#1abfc7 | #c9f9f9 | 1.97 |
#1abfc7 | #c4bcac | 1.19 |
#c9f9f9 | #c4bcac | 1.65 |
#051565 | #242c2c | 1.13 |
Зображення палітри Web design ui colours png
Експортувати палітру
Завантажте "Web design ui colours" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: