Template:Color/styles.css

.color-box {
	background: #eee;
	border: 1px solid black;
	border-radius: 4px;
	display: inline-flex;
	height: calc(1em - 6px);
	margin: 0;
	padding: 2px;
}

.color-text {
	color: black;
	background-color: white;
	border-radius: 4px 0 0 4px;
	font-family: monospace;
	margin: 0;
	padding: 0 1px 0 1px;
}

.color-fill {
	border-radius: 0 4px 4px 0;
	margin: 0;
	width: calc(1em + 4px);
}