Создано 12/23/2022 13:04
Landing design agency ux palette
- Shocking Pink#fb04ca
- Cyclamen#f36c9d
- Dark Scarlet#59052b
- Philippine Gray#8c8c8e
- Violet-Red#8d0b3a
- Gunmetal#2b2d32
Палитра содержит светлый, темный цвета. Акцентные цвета Shocking Pink #fb04ca да Dark Scarlet #59052b. Палитра имеет цветовую температуру Нейтральный, Теплый, Холодный.
По светлоте палитра тянется от #2B2D32 (самый тёмный) до #F36C9D (самый светлый). Диапазон светлоты умеренный.
В целом насыщенность выглядит яркой (высокая хрома) — 67% цветов насыщенные.
Распределение оттенков напоминает в основном аналоговую группу шириной около 26° (эвристика, не строгая теория).
В целом температура смещена в сторону тёплого (3 из 6).
HEX-коды (по возрастанию): #2B2D32, #59052B, #8C8C8E, #8D0B3A, #F36C9D, #FB04CA
Палитра Landing design agency ux palette содержит комбинацию из 6 кодов цветов:
HEX: #fb04ca, RGB: (251, 4, 202); HEX: #f36c9d, RGB: (243, 108, 157); HEX: #59052b, RGB: (89, 5, 43)
HEX: #8c8c8e, RGB: (140, 140, 142); HEX: #8d0b3a, RGB: (141, 11, 58); HEX: #2b2d32, RGB: (43, 45, 50)
Упрощенная версия цветов палитры
Оттенок пурпурный, Тень palevioletred, Оттенок Фиолетовый, Тень Серый, Оттенок brown, Тень Черный
Цветовая схема создана автором bad_colors
Коды цветов в палитре
Landing design agency ux palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #fb04ca | #fb04ca | RGB(251, 4, 202) | Shocking Pink | — |
| #f36c9d | #f36c9d | RGB(243, 108, 157) | Cyclamen | — |
| #59052b | #59052b | RGB(89, 5, 43) | Dark Scarlet | — |
| #8c8c8e | #8c8c8e | RGB(140, 140, 142) | Philippine Gray | — |
| #8d0b3a | #8d0b3a | RGB(141, 11, 58) | Violet-Red | — |
| #2b2d32 | #2b2d32 | RGB(43, 45, 50) | Gunmetal | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#fb04ca | #f36c9d | 1.24 |
#fb04ca | #8c8c8e | 1.04 |
#f36c9d | #8c8c8e | 1.18 |
#59052b | #8d0b3a | 1.51 |
#59052b | #2b2d32 | 1.02 |
#8d0b3a | #2b2d32 | 1.47 |
Изображение палитры Landing design agency ux palette png
Экспорт палитры
Скачайте "Landing design agency ux palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: