Створено 04/19/2023 19:44
Protection ui design web colors
- Black#141414
- White#ffffff
- Anti-Flash White#f0f0f0
- Space Cadet#142850
- Alice Blue#f0f0ff
- Azureish White#dcf0f0
Палітра містить темний, світлий кольори. Акцентні кольори White #ffffff та Alice Blue #f0f0ff. Палітра має температуру кольорів Нейтральний, Холодний.
За світлістю палітра сягає від #141414 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).
Більшість зразків читаються як нейтральні за температурою.
HEX-коди (відсортовано): #141414, #142850, #DCF0F0, #F0F0F0, #F0F0FF, #FFFFFF
Палітра Protection ui design web colors містить комбінацію з 6 кодів кольорів :
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #f0f0f0, RGB: (240, 240, 240)
HEX: #142850, RGB: (20, 40, 80); HEX: #f0f0ff, RGB: (240, 240, 255); HEX: #dcf0f0, RGB: (220, 240, 240)
Спрощений варіант палітри кольорів
Відтінок Чорний, Білий, Відтінок whitesmoke, Відтінок midnightblue, Відтінок lavender, Відтінок lightcyan
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Protection ui design web colors коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #142850 | #142850 | RGB(20, 40, 80) | Space Cadet | — |
| #f0f0ff | #f0f0ff | RGB(240, 240, 255) | Alice Blue | — |
| #dcf0f0 | #dcf0f0 | RGB(220, 240, 240) | Azureish White | — |
Контраст палітри кольорів
7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#141414 | #142850 | 1.27 |
#ffffff | #f0f0f0 | 1.13 |
#ffffff | #f0f0ff | 1.12 |
#ffffff | #dcf0f0 | 1.18 |
#f0f0f0 | #f0f0ff | 1.01 |
#f0f0f0 | #dcf0f0 | 1.03 |
Зображення палітри Protection ui design web colors png
Експортувати палітру
Завантажте "Protection ui design web colors" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: