Створено 06/25/2025 17:53
Serverless UI Architecture Grid
- Lambda Violet#a076f9
- Deploy Cloud#e5e5e5
- Build Sand#f5e3c3
- Trigger Gold#ffc857
- Codeblock Night#1b1b1b
- CLI Teal#20c997
- Function Orange#ff8c42
Палітра містить світлий, темний кольори. Акцентні кольори Lambda Violet #a076f9 та Trigger Gold #ffc857. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #1B1B1B (найтемніший) до #E5E5E5 (найсвітліший). Діапазон світлості широкий.
Загалом насиченість здається яскравою (висока хрома).
Відтінки широко розкидані по колі — різноманітна палітра (евристика).
Загалом температура зміщена в бік теплого.
HEX-коди (відсортовано): #1B1B1B, #20C997, #A076F9, #E5E5E5, #F5E3C3, #FF8C42, #FFC857
Палітра Serverless UI Architecture Grid містить комбінацію з 7 кодів кольорів :
HEX: #a076f9, RGB: (160, 118, 249); HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #f5e3c3, RGB: (245, 227, 195)
HEX: #ffc857, RGB: (255, 200, 87); HEX: #1b1b1b, RGB: (27, 27, 27); HEX: #20c997, RGB: (32, 201, 151)
HEX: #ff8c42, RGB: (255, 140, 66)
Спрощений варіант палітри кольорів
Відтінок mediumpurple, Відтінок gainsboro, Відтінок blanchedalmond, Відтінок gold, Відтінок Чорний, Відтінок mediumaquamarine, Відтінок darkorange
Кольорова схема створена автором hex
Коди кольорів у палітрі
Serverless UI Architecture Grid коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #a076f9 | #a076f9 | RGB(160, 118, 249) | Lambda Violet | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Deploy Cloud | Gray90 |
| #f5e3c3 | #f5e3c3 | RGB(245, 227, 195) | Build Sand | — |
| #ffc857 | #ffc857 | RGB(255, 200, 87) | Trigger Gold | — |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Codeblock Night | Eerie Black |
| #20c997 | #20c997 | RGB(32, 201, 151) | CLI Teal | — |
| #ff8c42 | #ff8c42 | RGB(255, 140, 66) | Function Orange | — |
Контраст палітри кольорів
12 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#a076f9 | #20c997 | 1.52 |
#a076f9 | #ff8c42 | 1.4 |
#e5e5e5 | #f5e3c3 | 1 |
#e5e5e5 | #ffc857 | 1.22 |
#e5e5e5 | #20c997 | 1.69 |
#e5e5e5 | #ff8c42 | 1.83 |
Зображення палітри Serverless UI Architecture Grid png
Експортувати палітру
Завантажте "Serverless UI Architecture Grid" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: