Створено 02/22/2023 19:40
Newsfeed ui design system feed colors palette
- Mandarin#f68043
- Cornflower Blue#7c8cec
- Philippine Brown#641722
- Mountbatten Pink#9c7c84
- Khaki (HTML/CSS)#c7a596
- Old Burgundy#442434
Палітра містить світлий, темний кольори. Акцентні кольори Mandarin #f68043 та Cornflower Blue #7c8cec. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.
За світлістю палітра сягає від #442434 (найтемніший) до #7C8CEC (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #442434, #641722, #7C8CEC, #9C7C84, #C7A596, #F68043
Палітра Newsfeed ui design system feed colors palette містить комбінацію з 6 кодів кольорів :
HEX: #f68043, RGB: (246, 128, 67); HEX: #7c8cec, RGB: (124, 140, 236); HEX: #641722, RGB: (100, 23, 34)
HEX: #9c7c84, RGB: (156, 124, 132); HEX: #c7a596, RGB: (199, 165, 150); HEX: #442434, RGB: (68, 36, 52)
Спрощений варіант палітри кольорів
Відтінок coral, Відтінок cornflowerblue, Відтінок Бордовий, Відтінок rosybrown, Відтінок rosybrown, Відтінок Фіолетовий
Кольорова схема створена автором coolor
Більше палітр з:
Коди кольорів у палітрі
Newsfeed ui design system feed colors palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f68043 | #f68043 | RGB(246, 128, 67) | Mandarin | — |
| #7c8cec | #7c8cec | RGB(124, 140, 236) | Cornflower Blue | — |
| #641722 | #641722 | RGB(100, 23, 34) | Philippine Brown | — |
| #9c7c84 | #9c7c84 | RGB(156, 124, 132) | Mountbatten Pink | — |
| #c7a596 | #c7a596 | RGB(199, 165, 150) | Khaki (HTML/CSS) | — |
| #442434 | #442434 | RGB(68, 36, 52) | Old Burgundy | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f68043 | #7c8cec | 1.18 |
#f68043 | #9c7c84 | 1.43 |
#f68043 | #c7a596 | 1.14 |
#7c8cec | #9c7c84 | 1.21 |
#7c8cec | #c7a596 | 1.35 |
#641722 | #442434 | 1.09 |
Зображення палітри Newsfeed ui design system feed colors palette png
Експортувати палітру
Завантажте "Newsfeed ui design system feed colors palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: