Створено 07/13/2025 17:18
Interactive SaaS Component Library
- Nav Blue#4a90e2
- Button Coral#f67280
- Toggle Mint#cffae3
- Drawer White#ffffff
- Sidebar Graphite#3a3a3c
- Tooltip Amber#ffb347
Палітра містить світлий кольори. Акцентні кольори Nav Blue #4a90e2 та Tooltip Amber #ffb347. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #3A3A3C (найтемніший) до #FFFFFF (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома) — 67% кольорів яскраві.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані (2 теплих, 2 холодних).
HEX-коди (відсортовано): #3A3A3C, #4A90E2, #CFFAE3, #F67280, #FFB347, #FFFFFF
Палітра Interactive SaaS Component Library містить комбінацію з 6 кодів кольорів :
HEX: #4a90e2, RGB: (74, 144, 226); HEX: #f67280, RGB: (246, 114, 128); HEX: #cffae3, RGB: (207, 250, 227)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #3a3a3c, RGB: (58, 58, 60); HEX: #ffb347, RGB: (255, 179, 71)
Спрощений варіант палітри кольорів
Відтінок dodgerblue, Відтінок lightcoral, Відтінок honeydew, Білий, Відтінок darkslategrey, Відтінок Помаранчевий
Кольорова схема створена автором colorslib
Коди кольорів у палітрі
Interactive SaaS Component Library коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #4a90e2 | #4a90e2 | RGB(74, 144, 226) | Nav Blue | — |
| #f67280 | #f67280 | RGB(246, 114, 128) | Button Coral | — |
| #cffae3 | #cffae3 | RGB(207, 250, 227) | Toggle Mint | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Drawer White | White |
| #3a3a3c | #3a3a3c | RGB(58, 58, 60) | Sidebar Graphite | — |
| #ffb347 | #ffb347 | RGB(255, 179, 71) | Tooltip Amber | Agrellan Badland |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#4a90e2 | #f67280 | 1.19 |
#4a90e2 | #ffb347 | 1.84 |
#f67280 | #ffb347 | 1.54 |
#cffae3 | #ffffff | 1.13 |
#cffae3 | #ffb347 | 1.56 |
#ffffff | #ffb347 | 1.78 |
Зображення палітри Interactive SaaS Component Library png
Експортувати палітру
Завантажте "Interactive SaaS Component Library" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: