Створено 07/20/2025 20:02
Cloud-Native Web Component Board
- Cluster Navy#012a4a
- Pod Yellow#ffe066
- YAML Gray#b5b5b5
- Kube Teal#5fd068
- Cloud White#f7f7f7
- Microservice Green#48bf91
Палітра містить темний, світлий кольори. Акцентні кольори Cluster Navy #012a4a та Pod Yellow #ffe066. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #012A4A (найтемніший) до #F7F7F7 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного (3 із 6).
HEX-коди (відсортовано): #012A4A, #48BF91, #5FD068, #B5B5B5, #F7F7F7, #FFE066
Палітра Cloud-Native Web Component Board містить комбінацію з 6 кодів кольорів :
HEX: #012a4a, RGB: (1, 42, 74); HEX: #ffe066, RGB: (255, 224, 102); HEX: #b5b5b5, RGB: (181, 181, 181)
HEX: #5fd068, RGB: (95, 208, 104); HEX: #f7f7f7, RGB: (247, 247, 247); HEX: #48bf91, RGB: (72, 191, 145)
Спрощений варіант палітри кольорів
Відтінок midnightblue, Відтінок gold, Відтінок Срібний, Відтінок limegreen, Відтінок whitesmoke, Відтінок mediumaquamarine
Кольорова схема створена автором colorstudio
Коди кольорів у палітрі
Cloud-Native Web Component Board коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
|---|---|---|---|---|
| #012a4a | #012a4a | RGB(1, 42, 74) | Cluster Navy | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Pod Yellow | — |
| #b5b5b5 | #b5b5b5 | RGB(181, 181, 181) | YAML Gray | Brainstem Grey |
| #5fd068 | #5fd068 | RGB(95, 208, 104) | Kube Teal | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Cloud White | Lynx White |
| #48bf91 | #48bf91 | RGB(72, 191, 145) | Microservice Green | — |
Контраст палітри кольорів
9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
|---|---|---|
#ffe066 | #b5b5b5 | 1.57 |
#ffe066 | #5fd068 | 1.5 |
#ffe066 | #f7f7f7 | 1.21 |
#ffe066 | #48bf91 | 1.76 |
#b5b5b5 | #5fd068 | 1.04 |
#b5b5b5 | #f7f7f7 | 1.91 |
Зображення палітри Cloud-Native Web Component Board png
Експортувати палітру
Завантажте "Cloud-Native Web Component Board" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: