Створено 07/25/2022 10:38
Web design ui figma colors palette
- Ultramarine Blue#3c54f4
- Orange-Yellow (Crayola)#f5cc66
- Brown Chocolate#61242e
- Moss Green#81a853
- Pastel Gray#d5d7ba
- Liver Chestnut (Horses)#5d3734
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Ultramarine Blue #3c54f4 та Orange-Yellow (Crayola) #f5cc66. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #61242E (найтемніший) до #D5D7BA (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #3C54F4, #5D3734, #61242E, #81A853, #D5D7BA, #F5CC66
Палітра Web design ui figma colors palette містить комбінацію з 6 кодів кольорів :
HEX: #3c54f4, RGB: (60, 84, 244); HEX: #f5cc66, RGB: (245, 204, 102); HEX: #61242e, RGB: (97, 36, 46)
HEX: #81a853, RGB: (129, 168, 83); HEX: #d5d7ba, RGB: (213, 215, 186); HEX: #5d3734, RGB: (93, 55, 52)
Спрощений варіант палітри кольорів
Відтінок slateblue, Відтінок gold, Відтінок Бордовий, Відтінок olivedrab, Відтінок beige, Відтінок Бордовий
Кольорова схема створена автором colorswall
Коди кольорів у палітрі
Web design ui figma colors palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #3c54f4 | #3c54f4 | RGB(60, 84, 244) | Ultramarine Blue | — |
| #f5cc66 | #f5cc66 | RGB(245, 204, 102) | Orange-Yellow (Crayola) | — |
| #61242e | #61242e | RGB(97, 36, 46) | Brown Chocolate | — |
| #81a853 | #81a853 | RGB(129, 168, 83) | Moss Green | — |
| #d5d7ba | #d5d7ba | RGB(213, 215, 186) | Pastel Gray | — |
| #5d3734 | #5d3734 | RGB(93, 55, 52) | Liver Chestnut (Horses) | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#3c54f4 | #5d3734 | 1.82 |
#f5cc66 | #81a853 | 1.79 |
#f5cc66 | #d5d7ba | 1.03 |
#61242e | #5d3734 | 1.14 |
#81a853 | #d5d7ba | 1.86 |
Зображення палітри Web design ui figma colors palette png
Експортувати палітру
Завантажте "Web design ui figma colors palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: