Создано 04/23/2023 18:16
Product design typography ux animation
- Black#141414
- Anti-Flash White#f0f0f0
- Gainsboro#dcdcdc
- Chinese Silver#c8c8c8
- Light Periwinkle#c8c8dc
- White#ffffff
Палитра содержит темный, светлый цвета. Акцентные цвета Light Periwinkle #c8c8dc да White #ffffff. Палитра имеет цветовую температуру Нейтральный, Холодный.
По светлоте палитра тянется от #141414 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит приглушённой (низкая хрома).
Хроматика собрана в одном направлении оттенка; нейтральные цвета снижают контраст (эвристика).
Большинство полос читаются как нейтральные по температуре.
HEX-коды (по возрастанию): #141414, #C8C8C8, #C8C8DC, #DCDCDC, #F0F0F0, #FFFFFF
Палитра Product design typography ux animation содержит комбинацию из 6 кодов цветов:
HEX: #141414, RGB: (20, 20, 20); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #dcdcdc, RGB: (220, 220, 220)
HEX: #c8c8c8, RGB: (200, 200, 200); HEX: #c8c8dc, RGB: (200, 200, 220); HEX: #ffffff, RGB: (255, 255, 255)
Упрощенная версия цветов палитры
Тень Черный, Оттенок whitesmoke, Тень Серебряный, Оттенок lavender, Белый
Цветовая схема создана автором colorhunt
Больше палитр с:
Коды цветов в палитре
Product design typography ux animation коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #dcdcdc | #dcdcdc | RGB(220, 220, 220) | Gainsboro | — |
| #c8c8c8 | #c8c8c8 | RGB(200, 200, 200) | Chinese Silver | — |
| #c8c8dc | #c8c8dc | RGB(200, 200, 220) | Light Periwinkle | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
Контраст палитры цветов
10 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#f0f0f0 | #dcdcdc | 1.2 |
#f0f0f0 | #c8c8c8 | 1.46 |
#f0f0f0 | #c8c8dc | 1.44 |
#f0f0f0 | #ffffff | 1.13 |
#dcdcdc | #c8c8c8 | 1.22 |
#dcdcdc | #c8c8dc | 1.2 |
Изображение палитры Product design typography ux animation png
Экспорт палитры
Скачайте "Product design typography ux animation" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: