Simple progress ui kit colours
- White#ffffff
- Black#141414
- Anti-Flash White#f0f0f0
- Blue (Crayola)#1464ff
- Pale Blue#b4f0f0
- Azure#f0ffff
Создано 10/31/2023 12:33
Палитра содержит светлый, темный, полутемный цвета. Акцентные цвета White #ffffff и Azure #f0ffff. Палитра имеет цветовую температуру Нейтральный, Холодный.
По светлоте палитра тянется от #141414 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 3 приглушённых и 3 ярких из 6 цветов.
Аналоговая палитра: оттенки расположены рядом на цветовом круге, в пределах около 40°.
Большинство полос читаются как нейтральные по температуре (4 из 6).
HEX-коды (по возрастанию): #141414, #1464FF, #B4F0F0, #F0F0F0, #F0FFFF, #FFFFFF
Палитра Simple progress ui kit colours содержит комбинацию из 6 кодов цветов:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #141414, RGB: (20, 20, 20); HEX: #f0f0f0, RGB: (240, 240, 240)
HEX: #1464ff, RGB: (20, 100, 255); HEX: #b4f0f0, RGB: (180, 240, 240); HEX: #f0ffff, RGB: (240, 255, 255)
Упрощенная версия цветов палитры
Белый, Светлый оттенок Черный, Тёмный оттенок Дымчато-белый, Тёмный оттенок Королевский синий, Светлый оттенок Бледно-бирюзовый, Лазурный
Цветовая схема создана автором coolor
Коды цветов в палитре
Simple progress ui kit colours коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #1464ff | #1464ff | RGB(20, 100, 255) | Blue (Crayola) | — |
| #b4f0f0 | #b4f0f0 | RGB(180, 240, 240) | Pale Blue | — |
| #f0ffff | #f0ffff | RGB(240, 255, 255) | Azure | Vapor |
Контраст палитры цветов
6 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#ffffff | #f0f0f0 | 1.13 |
#ffffff | #b4f0f0 | 1.26 |
#ffffff | #f0ffff | 1.02 |
#f0f0f0 | #b4f0f0 | 1.1 |
#f0f0f0 | #f0ffff | 1.1 |
#b4f0f0 | #f0ffff | 1.22 |
Палитра из изображения Simple progress ui kit colours png
Экспорт палитры
Скачайте "Simple progress ui kit colours" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: