Створено 02/22/2023 20:02
Design typography product ux colours
- Chinese Brown#b53120
- Topaz#f4c478
- Antique Bronze#646b19
- Light Slate Gray#76949c
- Ash Gray#bfc4b0
- Mud#635b35
Палітра містить світлий, напівтемний кольори. Акцентні кольори Topaz #f4c478 та Light Slate Gray #76949c. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #646B19 (найтемніший) до #BFC4B0 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #635B35, #646B19, #76949C, #B53120, #BFC4B0, #F4C478
Палітра Design typography product ux colours містить комбінацію з 6 кодів кольорів :
HEX: #b53120, RGB: (181, 49, 32); HEX: #f4c478, RGB: (244, 196, 120); HEX: #646b19, RGB: (100, 107, 25)
HEX: #76949c, RGB: (118, 148, 156); HEX: #bfc4b0, RGB: (191, 196, 176); HEX: #635b35, RGB: (99, 91, 53)
Спрощений варіант палітри кольорів
Відтінок firebrick, Відтінок burlywood, Відтінок darkolivegreen, Відтінок lightslategrey, Відтінок Срібний, Відтінок darkolivegreen
Кольорова схема створена автором coolor
Коди кольорів у палітрі
Design typography product ux colours коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #b53120 | #b53120 | RGB(181, 49, 32) | Chinese Brown | — |
| #f4c478 | #f4c478 | RGB(244, 196, 120) | Topaz | — |
| #646b19 | #646b19 | RGB(100, 107, 25) | Antique Bronze | — |
| #76949c | #76949c | RGB(118, 148, 156) | Light Slate Gray | — |
| #bfc4b0 | #bfc4b0 | RGB(191, 196, 176) | Ash Gray | — |
| #635b35 | #635b35 | RGB(99, 91, 53) | Mud | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#b53120 | #646b19 | 1.06 |
#b53120 | #76949c | 1.89 |
#b53120 | #635b35 | 1.11 |
#f4c478 | #bfc4b0 | 1.1 |
#646b19 | #76949c | 1.77 |
#646b19 | #635b35 | 1.18 |
Зображення палітри Design typography product ux colours png
Експортувати палітру
Завантажте "Design typography product ux colours" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: