<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" name="viewport" content="">
<script type="text/javascript" src="../../js/jquery3.js"></script>
<style type="text/css">
.color-menu{display: flex;width:200px;}
.color-menu .color-item{flex:1%;height:30px;line-height:30px;outline:none;border:none;}
.show-result{width:300px;height:100px;border:solid 1px black;}
</style>
</head>
<body>
<html>
<head>
<title></title>
<meta charset="utf-8" name="viewport" content="">
<script type="text/javascript" src="../../js/jquery3.js"></script>
<style type="text/css">
.color-menu{display: flex;width:200px;}
.color-menu .color-item{flex:1%;height:30px;line-height:30px;outline:none;border:none;}
.show-result{width:300px;height:100px;border:solid 1px black;}
</style>
</head>
<body>