Создано 07/16/2025 20:12
Data Labeling Platform UI Design System
- Bounding Box Blue#4d96ff
- Annotation Yellow#ffde59
- Label Panel White#fcfcfc
- Object Mint#c1ffd7
- Review Gray#b0bec5
- Classify Coral#f88379
Палитра содержит светлый цвета. Акцентные цвета Object Mint #c1ffd7 да Classify Coral #f88379. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #4D96FF (самый тёмный) до #FCFCFC (самый светлый). Диапазон светлоты умеренный.
В целом насыщенность выглядит яркой (высокая хрома).
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #4D96FF, #B0BEC5, #C1FFD7, #F88379, #FCFCFC, #FFDE59
Палитра Data Labeling Platform UI Design System содержит комбинацию из 6 кодов цветов:
HEX: #4d96ff, RGB: (77, 150, 255); HEX: #ffde59, RGB: (255, 222, 89); HEX: #fcfcfc, RGB: (252, 252, 252)
HEX: #c1ffd7, RGB: (193, 255, 215); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #f88379, RGB: (248, 131, 121)
Упрощенная версия цветов палитры
Оттенок cornflowerblue, Тень gold, Оттенок Белый, Тень aquamarine, Оттенок Серебряный, Тень salmon
Цветовая схема создана автором raccoon
Коды цветов в палитре
Data Labeling Platform UI Design System коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #4d96ff | #4d96ff | RGB(77, 150, 255) | Bounding Box Blue | — |
| #ffde59 | #ffde59 | RGB(255, 222, 89) | Annotation Yellow | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Label Panel White | Gray99 |
| #c1ffd7 | #c1ffd7 | RGB(193, 255, 215) | Object Mint | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Review Gray | Ocean Drive |
| #f88379 | #f88379 | RGB(248, 131, 121) | Classify Coral | Coral Pink |
Контраст палитры цветов
10 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#4d96ff | #b0bec5 | 1.54 |
#4d96ff | #f88379 | 1.19 |
#ffde59 | #fcfcfc | 1.29 |
#ffde59 | #c1ffd7 | 1.17 |
#ffde59 | #b0bec5 | 1.43 |
#ffde59 | #f88379 | 1.86 |
Изображение палитры Data Labeling Platform UI Design System png
Экспорт палитры
Скачайте "Data Labeling Platform UI Design System" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: