Створено 11/17/2022 11:46
User interface ui design web palette
- Sparrow’s Fire#f9671f
- Yellow Currant#f7c468
- Fibonacci Blue#0c255c
- Blue Suede#647c94
- Clear Vista#a6bdc5
- Sea Challenge#2c5c5c
Палітра містить світлий, темний, напівтемний кольори. Акцентні кольори Sparrow’s Fire #f9671f та Fibonacci Blue #0c255c. Палітра має температуру кольорів Теплий, Холодний.
За світлістю палітра сягає від #0C255C (найтемніший) до #A6BDC5 (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #0C255C, #2C5C5C, #647C94, #A6BDC5, #F7C468, #F9671F
Палітра User interface ui design web palette містить комбінацію з 6 кодів кольорів :
HEX: #f9671f, RGB: (249, 103, 31); HEX: #f7c468, RGB: (247, 196, 104); HEX: #0c255c, RGB: (12, 37, 92)
HEX: #647c94, RGB: (100, 124, 148); HEX: #a6bdc5, RGB: (166, 189, 197); HEX: #2c5c5c, RGB: (44, 92, 92)
Спрощений варіант палітри кольорів
Відтінок orangered, Відтінок burlywood, Відтінок midnightblue, Відтінок slategrey, Відтінок lightblue, Відтінок darkslategrey
Кольорова схема створена автором palettespicker
Більше палітр з:
Коди кольорів у палітрі
User interface ui design web palette коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #f9671f | #f9671f | RGB(249, 103, 31) | Sparrow’s Fire | — |
| #f7c468 | #f7c468 | RGB(247, 196, 104) | Yellow Currant | — |
| #0c255c | #0c255c | RGB(12, 37, 92) | Fibonacci Blue | — |
| #647c94 | #647c94 | RGB(100, 124, 148) | Blue Suede | — |
| #a6bdc5 | #a6bdc5 | RGB(166, 189, 197) | Clear Vista | — |
| #2c5c5c | #2c5c5c | RGB(44, 92, 92) | Sea Challenge | — |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#f9671f | #f7c468 | 1.86 |
#f9671f | #647c94 | 1.44 |
#f9671f | #a6bdc5 | 1.53 |
#f7c468 | #a6bdc5 | 1.21 |
#0c255c | #2c5c5c | 1.94 |
#647c94 | #2c5c5c | 1.73 |
Зображення палітри User interface ui design web palette png
Експортувати палітру
Завантажте "User interface ui design web palette" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: