Створено 08/25/2022 17:52
Hero illustration ui webdesign palette
- Keppel#37a4ac
- Sky Magenta#cb68c1
- Police Blue#205f64
- Rose Taupe#9a545c
- Heliotrope Gray#a49dad
- Outer Space#424f59
Палітра містить світлий, напівтемний кольори. Акцентні кольори Keppel #37a4ac та Sky Magenta #cb68c1. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #205F64 (найтемніший) до #A49DAD (найсвітліший). Діапазон світлості помірний.
Насиченість у середньому діапазоні.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #205F64, #37A4AC, #424F59, #9A545C, #A49DAD, #CB68C1
Палітра Hero illustration ui webdesign palette містить комбінацію з 6 кодів кольорів :
HEX: #37a4ac, RGB: (55, 164, 172); HEX: #cb68c1, RGB: (203, 104, 193); HEX: #205f64, RGB: (32, 95, 100)
HEX: #9a545c, RGB: (154, 84, 92); HEX: #a49dad, RGB: (164, 157, 173); HEX: #424f59, RGB: (66, 79, 89)
Спрощений варіант палітри кольорів
Відтінок cadetblue, Відтінок orchid, Відтінок darkslategrey, Відтінок indianred, Відтінок darkgrey, Відтінок darkslategrey
Кольорова схема створена автором colorswall
Більше палітр з:
Коди кольорів у палітрі
Hero illustration ui webdesign palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #37a4ac | #37a4ac | RGB(55, 164, 172) | Keppel | — |
| #cb68c1 | #cb68c1 | RGB(203, 104, 193) | Sky Magenta | — |
| #205f64 | #205f64 | RGB(32, 95, 100) | Police Blue | — |
| #9a545c | #9a545c | RGB(154, 84, 92) | Rose Taupe | — |
| #a49dad | #a49dad | RGB(164, 157, 173) | Heliotrope Gray | — |
| #424f59 | #424f59 | RGB(66, 79, 89) | Outer Space | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#37a4ac | #cb68c1 | 1.12 |
#37a4ac | #9a545c | 1.86 |
#37a4ac | #a49dad | 1.13 |
#cb68c1 | #9a545c | 1.65 |
#cb68c1 | #a49dad | 1.27 |
#205f64 | #9a545c | 1.31 |
Зображення палітри Hero illustration ui webdesign palette png
Експортувати палітру
Завантажте "Hero illustration ui webdesign palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: