Hero section home page ui experience colors palette
- Marigold#f49c1f
- Yellow Orange#f2ad44
- Smoky Black#141005
- Cinereous#968573
- Opal#acccc4
- Olive Drab Camouflage#5e5035
Создано 03/25/2023 22:16
Палитра содержит светлый, темный, полутемный цвета. Акцентные цвета Marigold #f49c1f и Opal #acccc4. Палитра имеет цветовую температуру Теплый, Нейтральный, Холодный.
По светлоте палитра тянется от #141005 (самый тёмный) до #ACCCC4 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 3 приглушённых и 3 ярких из 6 цветов.
Разнообразная палитра: оттенки распределены примерно на 134° цветового круга.
В целом температура смещена в сторону тёплого (4 из 6).
HEX-коды (по возрастанию): #141005, #5E5035, #968573, #ACCCC4, #F2AD44, #F49C1F
Палитра Hero section home page ui experience colors palette содержит комбинацию из 6 кодов цветов:
HEX: #f49c1f, RGB: (244, 156, 31); HEX: #f2ad44, RGB: (242, 173, 68); HEX: #141005, RGB: (20, 16, 5)
HEX: #968573, RGB: (150, 133, 115); HEX: #acccc4, RGB: (172, 204, 196); HEX: #5e5035, RGB: (94, 80, 53)
Упрощенная версия цветов палитры
Тёмный оттенок Оранжевый, Светлый оттенок Оранжевый, Светлый оттенок Черный, Светлый оттенок Серый, Тёмный оттенок Пудрово-голубой, Тёмный оттенок Тускло-серый
Цветовая схема создана автором colorswall
Коды цветов в палитре
Hero section home page ui experience colors palette коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #f49c1f | #f49c1f | RGB(244, 156, 31) | Marigold | — |
| #f2ad44 | #f2ad44 | RGB(242, 173, 68) | Yellow Orange | — |
| #141005 | #141005 | RGB(20, 16, 5) | Smoky Black | — |
| #968573 | #968573 | RGB(150, 133, 115) | Cinereous | — |
| #acccc4 | #acccc4 | RGB(172, 204, 196) | Opal | — |
| #5e5035 | #5e5035 | RGB(94, 80, 53) | Olive Drab Camouflage | — |
Контраст палитры цветов
5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#f49c1f | #f2ad44 | 1.12 |
#f49c1f | #968573 | 1.63 |
#f49c1f | #acccc4 | 1.26 |
#f2ad44 | #968573 | 1.83 |
#f2ad44 | #acccc4 | 1.12 |
Палитра из изображения Hero section home page ui experience colors palette png
Экспорт палитры
Скачайте "Hero section home page ui experience colors palette" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: