Створено 03/29/2022 07:22
Web chip branding ui
- Vivid Sky Blue#04d7f8
- Non-Photo Blue#9de5e6
- Spanish Green#079255
- Oxley#659f7d
- Pale Silver#d0c4b4
- Gray#444444
Палітра містить світлий кольори. Акцентні кольори Vivid Sky Blue #04d7f8 та Pale Silver #d0c4b4. Палітра має температуру кольорів Холодний, Нейтральний.
За світлістю палітра сягає від #444444 (найтемніший) до #D0C4B4 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #04D7F8, #079255, #444444, #659F7D, #9DE5E6, #D0C4B4
Палітра Web chip branding ui містить комбінацію з 6 кодів кольорів :
HEX: #04d7f8, RGB: (4, 215, 248); HEX: #9de5e6, RGB: (157, 229, 230); HEX: #079255, RGB: (7, 146, 85)
HEX: #659f7d, RGB: (101, 159, 125); HEX: #d0c4b4, RGB: (208, 196, 180); HEX: #444444, RGB: (68, 68, 68)
Спрощений варіант палітри кольорів
Відтінок skyblue, Відтінок paleturquoise, Відтінок seashell, Відтінок mediumseagreen, Відтінок Срібний, Відтінок dimgrey
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Web chip branding ui коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #04d7f8 | #04d7f8 | RGB(4, 215, 248) | Vivid Sky Blue | — |
| #9de5e6 | #9de5e6 | RGB(157, 229, 230) | Non-Photo Blue | — |
| #079255 | #079255 | RGB(7, 146, 85) | Spanish Green | — |
| #659f7d | #659f7d | RGB(101, 159, 125) | Oxley | — |
| #d0c4b4 | #d0c4b4 | RGB(208, 196, 180) | Pale Silver | — |
| #444444 | #444444 | RGB(68, 68, 68) | Gray | Goshawk Grey |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#04d7f8 | #9de5e6 | 1.22 |
#04d7f8 | #659f7d | 1.77 |
#04d7f8 | #d0c4b4 | 1.01 |
#9de5e6 | #d0c4b4 | 1.2 |
#079255 | #659f7d | 1.29 |
#659f7d | #d0c4b4 | 1.79 |
Зображення палітри Web chip branding ui png
Експортувати палітру
Завантажте "Web chip branding ui" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: