Создано 05/27/2025 22:08
Focus Layer System
- UX Gray#bfbfbf
- Signal Teal#16c7ae
- Warm White#fafaf8
- Structural Black#1b1b1b
- Magenta Tag#d84797
- Neon Steel#34425a
Палитра содержит светлый, темный цвета. Акцентные цвета Signal Teal #16c7ae да Magenta Tag #d84797. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.
По светлоте палитра тянется от #1B1B1B (самый тёмный) до #FAFAF8 (самый светлый). Диапазон светлоты широкий.
В целом насыщенность выглядит приглушённой (низкая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #16C7AE, #1B1B1B, #34425A, #BFBFBF, #D84797, #FAFAF8
Палитра Focus Layer System содержит комбинацию из 6 кодов цветов:
HEX: #bfbfbf, RGB: (191, 191, 191); HEX: #16c7ae, RGB: (22, 199, 174); HEX: #fafaf8, RGB: (250, 250, 248)
HEX: #1b1b1b, RGB: (27, 27, 27); HEX: #d84797, RGB: (216, 71, 151); HEX: #34425a, RGB: (52, 66, 90)
Упрощенная версия цветов палитры
Оттенок Серебряный, Оттенок mediumaquamarine, Тень whitesmoke, Тень Черный, Тень deeppink, Оттенок darkslateblue
Цветовая схема создана автором colorhunt
Коды цветов в палитре
Focus Layer System коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #bfbfbf | #bfbfbf | RGB(191, 191, 191) | UX Gray | Gray75 |
| #16c7ae | #16c7ae | RGB(22, 199, 174) | Signal Teal | — |
| #fafaf8 | #fafaf8 | RGB(250, 250, 248) | Warm White | — |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Structural Black | Eerie Black |
| #d84797 | #d84797 | RGB(216, 71, 151) | Magenta Tag | — |
| #34425a | #34425a | RGB(52, 66, 90) | Neon Steel | — |
Контраст палитры цветов
4 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#bfbfbf | #16c7ae | 1.16 |
#bfbfbf | #fafaf8 | 1.75 |
#16c7ae | #d84797 | 1.86 |
#1b1b1b | #34425a | 1.7 |
Изображение палитры Focus Layer System png
Экспорт палитры
Скачайте "Focus Layer System" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: