Realtime DevOps Control Panel UI

Deploy Indigo
#5f0f40
Log Stream Blue
#48cae4
Pipeline Pink
#fdaeae
Live State Mint
#c2f8cb
CLI Charcoal
#212121
Task Grey
#dadada

Палітра містить темний, світлий кольори. Акцентні кольори Pipeline Pink #fdaeae та Live State Mint #c2f8cb. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.

За світлістю палітра сягає від #212121 (найтемніший) до #C2F8CB (найсвітліший). Діапазон світлості широкий.

Загалом насиченість здається яскравою (висока хрома).

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

Теплі й холодні зразки доволі збалансовані.

HEX-коди (відсортовано): #212121, #48CAE4, #5F0F40, #C2F8CB, #DADADA, #FDAEAE

Палітра Realtime DevOps Control Panel UI містить комбінацію з 6 кодів кольорів :

HEX: #5f0f40, RGB: (95, 15, 64); HEX: #48cae4, RGB: (72, 202, 228); HEX: #fdaeae, RGB: (253, 174, 174)

HEX: #c2f8cb, RGB: (194, 248, 203); HEX: #212121, RGB: (33, 33, 33); HEX: #dadada, RGB: (218, 218, 218)

Спрощений варіант палітри кольорів

Відтінок Фіолетовий, Відтінок skyblue, Відтінок lightpink, Відтінок aquamarine, Відтінок Чорний, Відтінок gainsboro

Кольорова схема створена автором coolor

Більше палітр з:

Коди кольорів у палітрі

Realtime DevOps Control Panel UI коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#5f0f40	#5f0f40	RGB(95, 15, 64)	Deploy Indigo	—
#48cae4	#48cae4	RGB(72, 202, 228)	Log Stream Blue	—
#fdaeae	#fdaeae	RGB(253, 174, 174)	Pipeline Pink	—
#c2f8cb	#c2f8cb	RGB(194, 248, 203)	Live State Mint	—
#212121	#212121	RGB(33, 33, 33)	CLI Charcoal	Lead
#dadada	#dadada	RGB(218, 218, 218)	Task Grey	—

Контраст палітри кольорів

7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#5f0f40	#212121	1.24
#48cae4	#fdaeae	1.09
#48cae4	#c2f8cb	1.62
#48cae4	#dadada	1.38
#fdaeae	#c2f8cb	1.48
#fdaeae	#dadada	1.26

Зображення палітри Realtime DevOps Control Panel UI png

Realtime DevOps Control Panel UI - #555083

--color-deploy-indigo:	#5f0f40;
--color-log-stream-blue:	#48cae4;
--color-pipeline-pink:	#fdaeae;
--color-live-state-mint:	#c2f8cb;
--color-cli-charcoal:	#212121;
--color-task-grey:	#dadada;

$color-deploy-indigo:	#5f0f40;
$color-log-stream-blue:	#48cae4;
$color-pipeline-pink:	#fdaeae;
$color-live-state-mint:	#c2f8cb;
$color-cli-charcoal:	#212121;
$color-task-grey:	#dadada;

@color-deploy-indigo:	#5f0f40;
@color-log-stream-blue:	#48cae4;
@color-pipeline-pink:	#fdaeae;
@color-live-state-mint:	#c2f8cb;
@color-cli-charcoal:	#212121;
@color-task-grey:	#dadada;