Website ux interface branding colors
- Mango Tango#f68242
- Very Light Tangelo#f8ab80
- Japanese Indigo#1c4c4c
- Rackley#64869b
- Dust Storm#dcd1c0
- Dark Slate Gray#2d5b55
Создано 11/12/2022 17:23
Палитра содержит светлый, полутемный цвета. Акцентные цвета Mango Tango #f68242 и Japanese Indigo #1c4c4c. Палитра имеет цветовую температуру Теплый, Холодный.
По светлоте палитра тянется от #1C4C4C (самый тёмный) до #DCD1C0 (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — 1 приглушённых и 2 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
Тёплые и холодные элементы довольно сбалансированы (3 тёплых, 3 холодных).
HEX-коды (по возрастанию): #1C4C4C, #2D5B55, #64869B, #DCD1C0, #F68242, #F8AB80
Палитра Website ux interface branding colors содержит комбинацию из 6 кодов цветов:
HEX: #f68242, RGB: (246, 130, 66); HEX: #f8ab80, RGB: (248, 171, 128); HEX: #1c4c4c, RGB: (28, 76, 76)
HEX: #64869b, RGB: (100, 134, 155); HEX: #dcd1c0, RGB: (220, 209, 192); HEX: #2d5b55, RGB: (45, 91, 85)
Упрощенная версия цветов палитры
Тёмный оттенок Коралловый, Светлый оттенок Светло-лососевый, Тёмный оттенок Тёмный аспидно-серый, Светлый оттенок Аспидно-серый, Тёмный оттенок Античный белый, Светлый оттенок Тёмный аспидно-серый
Цветовая схема создана автором hex
Коды цветов в палитре
Website ux interface branding colors коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #f68242 | #f68242 | RGB(246, 130, 66) | Mango Tango | — |
| #f8ab80 | #f8ab80 | RGB(248, 171, 128) | Very Light Tangelo | — |
| #1c4c4c | #1c4c4c | RGB(28, 76, 76) | Japanese Indigo | — |
| #64869b | #64869b | RGB(100, 134, 155) | Rackley | — |
| #dcd1c0 | #dcd1c0 | RGB(220, 209, 192) | Dust Storm | — |
| #2d5b55 | #2d5b55 | RGB(45, 91, 85) | Dark Slate Gray | — |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#f68242 | #f8ab80 | 1.35 |
#f68242 | #64869b | 1.5 |
#f68242 | #dcd1c0 | 1.7 |
#f8ab80 | #dcd1c0 | 1.25 |
#1c4c4c | #2d5b55 | 1.25 |
#64869b | #2d5b55 | 1.98 |
Палитра из изображения Website ux interface branding colors png
Экспорт палитры
Скачайте "Website ux interface branding colors" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: