Створено 12/20/2022 10:09
Web ux website grid
- Blueberry#4c8cfc
- Light Salmon#fca47a
- Cetacean Blue#160f4e
- Redwood#a6615b
- Wild Blue Yonder#a4a8d7
- Jacarta#3b2d5b
Палітра містить світлий, темний кольори. Акцентні кольори Blueberry #4c8cfc та Light Salmon #fca47a. Палітра має температуру кольорів Холодний, Теплий.
За світлістю палітра сягає від #160F4E (найтемніший) до #A4A8D7 (найсвітліший). Діапазон світлості широкий.
Насиченість у середньому діапазоні.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #160F4E, #3B2D5B, #4C8CFC, #A4A8D7, #A6615B, #FCA47A
Палітра Web ux website grid містить комбінацію з 6 кодів кольорів :
HEX: #4c8cfc, RGB: (76, 140, 252); HEX: #fca47a, RGB: (252, 164, 122); HEX: #160f4e, RGB: (22, 15, 78)
HEX: #a6615b, RGB: (166, 97, 91); HEX: #a4a8d7, RGB: (164, 168, 215); HEX: #3b2d5b, RGB: (59, 45, 91)
Спрощений варіант палітри кольорів
Відтінок cornflowerblue, Відтінок lightsalmon, Відтінок midnightblue, Відтінок indianred, Відтінок lightsteelblue, Відтінок darkslateblue
Кольорова схема створена автором palettespicker
Коди кольорів у палітрі
Web ux website grid коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #4c8cfc | #4c8cfc | RGB(76, 140, 252) | Blueberry | — |
| #fca47a | #fca47a | RGB(252, 164, 122) | Light Salmon | — |
| #160f4e | #160f4e | RGB(22, 15, 78) | Cetacean Blue | — |
| #a6615b | #a6615b | RGB(166, 97, 91) | Redwood | — |
| #a4a8d7 | #a4a8d7 | RGB(164, 168, 215) | Wild Blue Yonder | — |
| #3b2d5b | #3b2d5b | RGB(59, 45, 91) | Jacarta | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#4c8cfc | #fca47a | 1.65 |
#4c8cfc | #a6615b | 1.44 |
#4c8cfc | #a4a8d7 | 1.41 |
#fca47a | #a4a8d7 | 1.17 |
#160f4e | #3b2d5b | 1.41 |
Зображення палітри Web ux website grid png
Експортувати палітру
Завантажте "Web ux website grid" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: