Secure Login UI Components
- Field Stone#94a3b8
- Success Lime#84cc16
- Failure Red#ef4444
- Form White#ffffff
- Outline Indigo#6366f1
- Background Smoke#f1f5f9
Створено 06/12/2025 08:26
Палітра містить світлий кольори. Акцентні кольори Failure Red #ef4444 та Outline Indigo #6366f1. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #6366F1 (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.
Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #6366F1, #84CC16, #94A3B8, #EF4444, #F1F5F9, #FFFFFF
Палітра Secure Login UI Components містить комбінацію з 6 кодів кольорів :
HEX: #94a3b8, RGB: (148, 163, 184); HEX: #84cc16, RGB: (132, 204, 22); HEX: #ef4444, RGB: (239, 68, 68)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #6366f1, RGB: (99, 102, 241); HEX: #f1f5f9, RGB: (241, 245, 249)
Спрощений варіант палітри кольорів
Світлий відтінок Світлий сланцево-сірий, Темний відтінок Жовтозелений, Темний відтінок Індійський червоний, Білий, Темний відтінок Помірний сланцево-синій, Темний відтінок Блакитний Еліс
Кольорова схема створена автором hex
Коди кольорів у палітрі
Secure Login UI Components коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Field Stone | — |
| #84cc16 | #84cc16 | RGB(132, 204, 22) | Success Lime | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Failure Red | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Form White | White |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Outline Indigo | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Background Smoke | — |
Контраст палітри кольорів
8 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#94a3b8 | #84cc16 | 1.29 |
#94a3b8 | #ef4444 | 1.46 |
#94a3b8 | #6366f1 | 1.74 |
#84cc16 | #ef4444 | 1.9 |
#84cc16 | #ffffff | 1.97 |
#84cc16 | #f1f5f9 | 1.8 |
Палітра із зображення Secure Login UI Components png
Експортувати палітру
Завантажте "Secure Login UI Components" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: