传统色彩大全

最新推荐文章于 2024-10-04 06:11:34 发布
流年ln
最新推荐文章于 2024-10-04 06:11:34 发布
阅读量8.6k
点赞数 6
文章标签： html css css3
本文链接：https://blog.csdn.net/admin_15082037343/article/details/122968156
版权
传统色彩大全
将下面一段代码保存为文件，文件名为：index.html，然后双击打开。
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Color</title>
		<link rel="stylesheet" href="https://unpkg.com/element-plus@2.0.2/dist/index.css" />
		<style>
			#app {
				width: 800px;
				margin: 0 auto;
			}
			.title {
				font-weight: bolder;
				text-align: center;
				height: 40px;
				line-height: 40px;
			}
			.container-color {
				height: 60px;
				line-height: 60px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<div class="title">
				{{ title }}
			</div>
			<el-row>
				<el-col v-for="item in colorList" :key="item" :span="4">
					<div class="container-color" :style="'background-color: ' + item.color">
						<span class="color-name">{{ item.name }}</span>
						<span class="color">{{ item.color }}</span>
					</div>
				</el-col>
			</el-row>
		</div>
		
		<script src="https://unpkg.com/vue@3.2.29/dist/vue.global.prod.js"></script>
		<script src="https://unpkg.com/element-plus@2.0.2/dist/index.full.min.js"></script>
		<script>
			const App = {
				data() {
					return {
						title: '传统色彩大全',
						colorList: [{"color":"#895b8a","name":"古代紫"},{"color":"#824880","name":"茄子紺"},{"color":"#915c8b","name":"二藍"},{"color":"#9d5b8b","name":"京紫"},{"color":"#7a4171","name":"蒲葡"},{"color":"#bc64a4","name":"若紫"},{"color":"#b44c97","name":"紅紫"},{"color":"#aa4c8f","name":"梅紫"},{"color":"#cc7eb1","name":"菖蒲色"},{"color":"#cca6bf","name":"紅藤色"},{"color":"#c4a3bf","name":"浅紫"},{"color":"#e7e7eb","name":"紫水晶"},{"color":"#dcd6d9","name":"薄梅鼠"},{"color":"#d3cfd9","name":"暁鼠"},{"color":"#d3ccd6","name":"牡丹鼠"},{"color":"#c8c2c6","name":"霞色"},{"color":"#a6a5c4","name":"藤鼠"},{"color":"#a69abd","name":"半色"},{"color":"#a89dac","name":"薄色"},{"color":"#9790a4","name":"薄鼠"},{"color":"#9e8b8e","name":"鳩羽鼠"},{"color":"#95859c","name":"鳩羽色"},{"color":"#95949a","name":"桔梗鼠"},{"color":"#71686c","name":"紫鼠"},{"color":"#705b67","name":"葡萄鼠"},{"color":"#634950","name":"濃色"},{"color":"#5f414b","name":"紫鳶"},{"color":"#4f455c","name":"濃鼠"},{"color":"#5a5359","name":"藤煤竹"},{"color":"#594255","name":"滅紫"},{"color":"#524748","name":"紅消鼠"},{"color":"#513743","name":"似"},{"color":"#e6eae3","name":"灰黄緑"},{"color":"#d4dcd6","name":"蕎麦切色"},{"color":"#d4dcda","name":"薄雲鼠"},{"color":"#d3cbc6","name":"枯野色"},{"color":"#c8c2be","name":"潤色"},{"color":"#b3ada0","name":"利休白茶"},{"color":"#a99e93","name":"茶鼠"},{"color":"#a58f86","name":"胡桃染"},{"color":"#928178","name":"江戸鼠"},{"color":"#887f7a","name":"煤色"},{"color":"#b4866b","name":"丁子茶"},{"color":"#b28c6e","name":"柴染"},{"color":"#a16d5d","name":"宗伝唐茶"},{"color":"#9f6f55","name":"砺茶"},{"color":"#8c6450","name":"煎茶色"},{"color":"#856859","name":"銀煤竹"},{"color":"#765c47","name":"黄枯茶"},{"color":"#6f514c","name":"煤竹色"},{"color":"#6f4b3e","name":"焦茶"},{"color":"#544a47","name":"黒橡"},{"color":"#543f32","name":"憲法色"},{"color":"#554738","name":"涅色"},{"color":"#433d3c","name":"檳榔子染"},{"color":"#432f2f","name":"黒鳶"},{"color":"#3f312b","name":"赤墨"},{"color":"#302833","name":"黒紅"},{"color":"#ffffff","name":"白"},{"color":"#fffffc","name":"胡粉色"},{"color":"#f7fcfe","name":"卯"},{"color":"#f8fbf8","name":"白磁"},{"color":"#fbfaf5","name":"生成"},{"color":"#f3f3f3","name":"乳白色"},{"color":"#f3f3f2","name":"白練"},{"color":"#eae5e3","name":"素色"},{"color":"#e5e4e6","name":"白梅鼠"},{"color":"#dcdddd","name":"白鼠"},{"color":"#dddcd6","name":"絹鼠"},{"color":"#c0c6c9","name":"灰青"},{"color":"#afafb0","name":"銀鼠"},{"color":"#adadad","name":"薄鈍"},{"color":"#a3a3a2","name":"薄墨色"},{"color":"#9ea1a3","name":"錫色"},{"color":"#9fa0a0","name":"素鼠"},{"color":"#949495","name":"鼠色"},{"color":"#888084","name":"源氏鼠"},{"color":"#7d7d7d","name":"灰色"},{"color":"#7b7c7d","name":"鉛色"},{"color":"#727171","name":"鈍色"},{"color":"#595857","name":"墨"},{"color":"#595455","name":"丼鼠"},{"color":"#524e4d","name":"消炭色"},{"color":"#474a4d","name":"藍墨茶"},{"color":"#383c3c","name":"羊羹色"},{"color":"#2b2b2b","name":"蝋色"},{"color":"#2b2b2b","name":"黒"},{"color":"#180614","name":"烏羽色"},{"color":"#281a14","name":"鉄黒"},{"color":"#000b00","name":"濡羽色"},{"color":"#250d00","name":"黒壇"},{"color":"#241a08","name":"憲法黒茶"},{"color":"#16160e","name":"暗黒色"},{"color":"#006e54","name":"萌葱色"},{"color":"#00a381","name":"花緑青"},{"color":"#38b48b","name":"翡翠色"},{"color":"#00a497","name":"青緑"},{"color":"#80aba9","name":"水浅葱"},{"color":"#5c9291","name":"錆浅葱"},{"color":"#478384","name":"青碧"},{"color":"#43676b","name":"御召茶"},{"color":"#80989b","name":"湊鼠"},{"color":"#2c4f54","name":"高麗納戸"},{"color":"#1f3134","name":"百入茶"},{"color":"#47585c","name":"錆鼠"},{"color":"#485859","name":"錆鉄御納戸"},{"color":"#6c848d","name":"藍鼠"},{"color":"#53727d","name":"錆御納戸"},{"color":"#5b7e91","name":"舛花色"},{"color":"#426579","name":"熨斗目花色"},{"color":"#4c6473","name":"御召御納戸"},{"color":"#455765","name":"鉄御納戸"},{"color":"#44617b","name":"紺鼠"},{"color":"#393f4c","name":"藍鉄"},{"color":"#393e4f","name":"青褐"},{"color":"#203744","name":"褐返"},{"color":"#4d4c61","name":"褐色"},{"color":"#eaf4fc","name":"月白"},{"color":"#eaedf7","name":"白菫色"},{"color":"#e8ecef","name":"白花色"},{"color":"#ebf6f7","name":"藍白"},{"color":"#c1e4e9","name":"白藍"},{"color":"#bce2e8","name":"水色"},{"color":"#a2d7dd","name":"瓶覗"},{"color":"#abced8","name":"秘色色"},{"color":"#a0d8ef","name":"空色"},{"color":"#89c3eb","name":"勿忘草色"},{"color":"#84a2d4","name":"青藤色"},{"color":"#83ccd2","name":"白群"},{"color":"#84b9cb","name":"浅縹"},{"color":"#698aab","name":"薄花色"},{"color":"#008899","name":"納戸色"},{"color":"#00a3af","name":"浅葱色"},{"color":"#2a83a2","name":"花浅葱"},{"color":"#59b9c6","name":"新橋色"},{"color":"#2ca9e1","name":"天色"},{"color":"#38a1db","name":"露草色"},{"color":"#0095d9","name":"青"},{"color":"#0094c8","name":"薄藍"},{"color":"#2792c3","name":"縹色"},{"color":"#007bbb","name":"紺碧"},{"color":"#5383c3","name":"薄群青"},{"color":"#5a79ba","name":"薄花桜"},{"color":"#4c6cb3","name":"群青色"},{"color":"#3e62ad","name":"杜若色"},{"color":"#1e50a2","name":"瑠璃色"},{"color":"#507ea4","name":"薄縹"},{"color":"#19448e","name":"瑠璃紺"},{"color":"#164a84","name":"紺瑠璃"},{"color":"#165e83","name":"藍色"},{"color":"#274a78","name":"青藍"},{"color":"#2a4073","name":"深縹"},{"color":"#223a70","name":"紺色"},{"color":"#192f60","name":"紺青"},{"color":"#1c305c","name":"留紺"},{"color":"#0f2350","name":"濃藍"},{"color":"#17184b","name":"鉄紺"},{"color":"#0d0015","name":"漆黒"},{"color":"#bbc8e6","name":"淡藤色"},{"color":"#bbbcde","name":"藤色"},{"color":"#8491c3","name":"紅掛空色"},{"color":"#8491c3","name":"紅碧"},{"color":"#4d5aaf","name":"紺桔梗"},{"color":"#4d5aaf","name":"花色"},{"color":"#4a488e","name":"紺藍"},{"color":"#4d4398","name":"紅桔梗"},{"color":"#5654a2","name":"桔梗色"},{"color":"#706caa","name":"藤納戸"},{"color":"#68699b","name":"紅掛花色"},{"color":"#867ba9","name":"紫苑色"},{"color":"#dbd0e6","name":"白藤色"},{"color":"#a59aca","name":"藤紫"},{"color":"#7058a3","name":"菫色"},{"color":"#674598","name":"青紫"},{"color":"#674196","name":"菖蒲色"},{"color":"#9079ad","name":"竜胆色"},{"color":"#745399","name":"江戸紫"},{"color":"#65318e","name":"本紫"},{"color":"#522f60","name":"葡萄色"},{"color":"#493759","name":"深紫"},{"color":"#2e2930","name":"紫黒"},{"color":"#884898","name":"紫"},{"color":"#c0a2c7","name":"薄葡萄"},{"color":"#460e44","name":"紫紺"},{"color":"#74325c","name":"暗紅色"},{"color":"#55295b","name":"桑"},{"color":"#e6b422","name":"黄金"},{"color":"#d9a62e","name":"櫨染"},{"color":"#d3a243","name":"黄朽葉色"},{"color":"#c89932","name":"山吹茶"},{"color":"#d0af4c","name":"芥子色"},{"color":"#8b968d","name":"豆"},{"color":"#6e7955","name":"麹塵"},{"color":"#767c6b","name":"山鳩色"},{"color":"#888e7e","name":"利休鼠"},{"color":"#5a544b","name":"海松茶"},{"color":"#56564b","name":"藍海松茶"},{"color":"#56564b","name":"藍媚茶"},{"color":"#494a41","name":"千歳茶"},{"color":"#6b6f59","name":"岩井茶"},{"color":"#474b42","name":"仙斎茶"},{"color":"#333631","name":"黒緑"},{"color":"#5b6356","name":"柳煤竹"},{"color":"#726250","name":"樺茶色"},{"color":"#9d896c","name":"空五倍子色"},{"color":"#94846a","name":"生壁色"},{"color":"#897858","name":"肥後煤竹"},{"color":"#716246","name":"媚茶"},{"color":"#cbb994","name":"白橡"},{"color":"#d6c6af","name":"亜麻色"},{"color":"#bfa46f","name":"榛色"},{"color":"#9e9478","name":"灰汁色"},{"color":"#a59564","name":"利休茶"},{"color":"#715c1f","name":"鶯茶"},{"color":"#c7b370","name":"木蘭色"},{"color":"#dcd3b2","name":"砂色"},{"color":"#a19361","name":"油色"},{"color":"#8f8667","name":"利休色"},{"color":"#887938","name":"梅幸茶"},{"color":"#6a5d21","name":"璃寛茶"},{"color":"#918754","name":"黄海松茶"},{"color":"#a69425","name":"菜種油色"},{"color":"#ada250","name":"青朽葉"},{"color":"#938b4b","name":"根岸色"},{"color":"#8c8861","name":"鶸茶"},{"color":"#a1a46d","name":"柳茶"},{"color":"#726d40","name":"海松色"},{"color":"#928c36","name":"鶯色"},{"color":"#dccb18","name":"緑黄色"},{"color":"#d7cf3a","name":"鶸色"},{"color":"#c5c56a","name":"抹茶色"},{"color":"#c3d825","name":"若草色"},{"color":"#b8d200","name":"黄緑"},{"color":"#e0ebaf","name":"若芽色"},{"color":"#d8e698","name":"若菜色"},{"color":"#c7dc68","name":"若苗色"},{"color":"#99ab4e","name":"青丹"},{"color":"#7b8d42","name":"草色"},{"color":"#69821b","name":"苔色"},{"color":"#aacf53","name":"萌黄"},{"color":"#b0ca71","name":"苗色"},{"color":"#b9d08b","name":"若葉色"},{"color":"#839b5c","name":"松葉色"},{"color":"#cee4ae","name":"夏虫色"},{"color":"#82ae46","name":"鶸萌黄"},{"color":"#a8c97f","name":"柳色"},{"color":"#9ba88d","name":"青白橡"},{"color":"#c8d5bb","name":"柳鼠"},{"color":"#c1d8ac","name":"裏葉柳"},{"color":"#a8bf93","name":"山葵色"},{"color":"#769164","name":"老竹色"},{"color":"#d6e9ca","name":"白緑"},{"color":"#93ca76","name":"淡萌黄"},{"color":"#93b881","name":"柳染"},{"color":"#badcad","name":"薄萌葱"},{"color":"#97a791","name":"深川鼠"},{"color":"#98d98e","name":"若緑"},{"color":"#88cb7f","name":"浅緑"},{"color":"#69b076","name":"薄緑"},{"color":"#6b7b6e","name":"青鈍"},{"color":"#bed2c3","name":"青磁鼠"},{"color":"#93b69c","name":"薄青"},{"color":"#a6c8b2","name":"錆青磁"},{"color":"#47885e","name":"緑青色"},{"color":"#316745","name":"千歳緑"},{"color":"#68be8d","name":"若竹色"},{"color":"#3eb370","name":"緑"},{"color":"#007b43","name":"常磐色"},{"color":"#bed3ca","name":"千草鼠"},{"color":"#92b5a9","name":"千草色"},{"color":"#7ebea5","name":"青磁色"},{"color":"#7ebeab","name":"青竹色"},{"color":"#028760","name":"常磐緑"},{"color":"#3b7960","name":"木賊色"},{"color":"#2f5d50","name":"天鵞絨"},{"color":"#3a5b52","name":"虫襖"},{"color":"#475950","name":"革色"},{"color":"#00552e","name":"深緑"},{"color":"#005243","name":"鉄色"},{"color":"#96514d","name":"小豆色"},{"color":"#8d6449","name":"枯茶"},{"color":"#deb068","name":"饴色"},{"color":"#bf794e","name":"骆驼色"},{"color":"#bc763c","name":"土色"},{"color":"#b98c46","name":"黄唐色"},{"color":"#b79b5b","name":"桑染"},{"color":"#b77b57","name":"栌色"},{"color":"#b68d4c","name":"黄橡"},{"color":"#ad7d4c","name":"丁字染"},{"color":"#ad7d4c","name":"香染"},{"color":"#ae7c4f","name":"枇杷茶"},{"color":"#ad7e4e","name":"芝翫茶"},{"color":"#ae7c58","name":"焦香"},{"color":"#a86f4c","name":"胡桃色"},{"color":"#946243","name":"渋纸色"},{"color":"#917347","name":"朽葉色"},{"color":"#956f29","name":"桑茶"},{"color":"#8c7042","name":"路考茶"},{"color":"#7b6c3e","name":"国防色"},{"color":"#d8a373","name":"伽羅色"},{"color":"#cd8c5c","name":"江戸茶"},{"color":"#cd5e3c","name":"樺色"},{"color":"#cb8347","name":"紅鬱金"},{"color":"#c37854","name":"土器色"},{"color":"#c38743","name":"狐色"},{"color":"#c39143","name":"黄土色"},{"color":"#bf783a","name":"琥珀色"},{"color":"#bb5535","name":"赤茶"},{"color":"#bb5520","name":"代赭"},{"color":"#b55233","name":"煉瓦色"},{"color":"#aa4f37","name":"雀茶"},{"color":"#9f563a","name":"団十郎茶"},{"color":"#9f563a","name":"柿渋色"},{"color":"#9a493f","name":"紅鳶"},{"color":"#98623c","name":"灰茶"},{"color":"#965042","name":"茶色"},{"color":"#965036","name":"檜皮色"},{"color":"#95483f","name":"鳶色"},{"color":"#954e2a","name":"柿茶"},{"color":"#8f2e14","name":"弁柄色"},{"color":"#8a3319","name":"赤錆色"},{"color":"#8a3b00","name":"褐色"},{"color":"#852e19","name":"栗梅"},{"color":"#7b4741","name":"紅檜皮"},{"color":"#773c30","name":"海老茶"},{"color":"#783c1d","name":"唐茶"},{"color":"#762f07","name":"栗色"},{"color":"#752100","name":"赤銅色"},{"color":"#6c3524","name":"錆色"},{"color":"#683f36","name":"赤褐色"},{"color":"#664032","name":"茶褐色"},{"color":"#6d3c32","name":"栗皮茶"},{"color":"#583822","name":"黒茶"},{"color":"#6c2c2f","name":"葡萄茶"},{"color":"#640125","name":"葡萄色"},{"color":"#f8b862","name":"萱草色"},{"color":"#f6ad49","name":"柑子色"},{"color":"#f39800","name":"金茶"},{"color":"#f08300","name":"蜜柑色"},{"color":"#ec6d51","name":"鉛丹色"},{"color":"#ee7948","name":"黄丹"},{"color":"#ed6d3d","name":"柿色"},{"color":"#ec6800","name":"黄赤"},{"color":"#ec6800","name":"人参色"},{"color":"#ee7800","name":"橙色"},{"color":"#eb6238","name":"照柿"},{"color":"#ea5506","name":"赤橙"},{"color":"#ea5506","name":"金赤"},{"color":"#eb6101","name":"朱色"},{"color":"#e49e61","name":"小麦色"},{"color":"#e45e32","name":"丹色"},{"color":"#e17b34","name":"黄茶"},{"color":"#dd7a56","name":"肉桂色"},{"color":"#db8449","name":"赤朽葉色"},{"color":"#d66a35","name":"黄櫨染"},{"color":"#ffd900","name":"蒲公英色"},{"color":"#ffd900","name":"黄色"},{"color":"#ffea00","name":"中黄"},{"color":"#ffec47","name":"菜"},{"color":"#fef263","name":"黄檗色"},{"color":"#fcd575","name":"卵色"},{"color":"#fbd26b","name":"花葉色"},{"color":"#f5e56b","name":"刈安色"},{"color":"#eec362","name":"玉蜀黍色"},{"color":"#ebd842","name":"金糸雀色"},{"color":"#ffdb4f","name":"黄支子色"},{"color":"#fbca4d","name":"支子色"},{"color":"#fcc800","name":"向日葵色"},{"color":"#f8b500","name":"山吹色"},{"color":"#fabf14","name":"鬱金色"},{"color":"#f7c114","name":"藤黄"},{"color":"#e6b422","name":"金色"},{"color":"#bf242a","name":"桜色"},{"color":"#fdeff2","name":"薄桜"},{"color":"#e9dfe5","name":"桜鼠"},{"color":"#e4d2d8","name":"鸨鼠"},{"color":"#f6bfbc","name":"虹色"},{"color":"#f5b1aa","name":"珊瑚色"},{"color":"#f5b199","name":"一斤染"},{"color":"#efab93","name":"宍色"},{"color":"#f2a0a1","name":"红梅色"},{"color":"#f0908d","name":"薄红"},{"color":"#ee827c","name":"甚三红"},{"color":"#f09199","name":"桃色"},{"color":"#f4b3c2","name":"鸨色"},{"color":"#eebbcb","name":"撫子色"},{"color":"#e8d3c7","name":"灰梅"},{"color":"#e8d3d1","name":"灰桜"},{"color":"#e6cde3","name":"淡红藤"},{"color":"#e5abbe","name":"石竹色"},{"color":"#e597b2","name":"薄红梅"},{"color":"#e198b4","name":"桃花色"},{"color":"#e4ab9b","name":"水柿"},{"color":"#e09e87","name":"茶"},{"color":"#d69090","name":"退红"},{"color":"#d4acad","name":"薄柿"},{"color":"#c97586","name":"长春色"},{"color":"#c099a0","name":"梅鼠"},{"color":"#b88884","name":"鸨浅葱"},{"color":"#b48a76","name":"梅染"},{"color":"#a86965","name":"苏芳香"},{"color":"#a25768","name":"浅苏芳"},{"color":"#ec6d71","name":"真朱"},{"color":"#eb6ea5","name":"赤紫"},{"color":"#e95295","name":"躑躅色"},{"color":"#e7609e","name":"牡丹色"},{"color":"#d0576b","name":"今样色"},{"color":"#c85179","name":"中红"},{"color":"#e9546b","name":"蔷薇色"},{"color":"#e95464","name":"韩红"},{"color":"#c85554","name":"银朱"},{"color":"#c53d43","name":"赤红"},{"color":"#e83929","name":"红緋"},{"color":"#e60033","name":"赤"},{"color":"#e2041b","name":"猩緋"},{"color":"#d7003a","name":"红"},{"color":"#c9171e","name":"深緋"},{"color":"#d3381c","name":"绯色"},{"color":"#ce5242","name":"赤丹"},{"color":"#d9333f","name":"红赤"},{"color":"#b94047","name":"胭脂"},{"color":"#ba2636","name":"朱緋"},{"color":"#b7282e","name":"茜色"},{"color":"#a73836","name":"深海老茶"},{"color":"#9e3d3f","name":"苏芳"},{"color":"#a22041","name":"真红"},{"color":"#a22041","name":"浓红"},{"color":"#f8f4e6","name":"象牙色"},{"color":"#ede4cd","name":"练色"},{"color":"#e9e4d4","name":"灰白色"},{"color":"#ede1a9","name":"蒸栗色"},{"color":"#f2f2b0","name":"女郎花"},{"color":"#e4dc8a","name":"枯草色"},{"color":"#f8e58c","name":"淡黄"},{"color":"#ddbb99","name":"白茶"},{"color":"#d7a98c","name":"赤白橡"},{"color":"#f2c9ac","name":"洗柿"},{"color":"#fff1cf","name":"鸟"},{"color":"#fddea5","name":"蜂蜜色"},{"color":"#fce2c4","name":"肌色"},{"color":"#fde8d0","name":"薄卵色"},{"color":"#f9c89b","name":"雄黄"},{"color":"#f7bd8f","name":"洒落柿"},{"color":"#f6b894","name":"赤香"},{"color":"#f4dda5","name":"砥粉色"},{"color":"#f1bf99","name":"肉色"},{"color":"#f1bf99","name":"人色"},{"color":"#efcd9a","name":"丁子色"},{"color":"#efcd9a","name":"香色"},{"color":"#f0cfa0","name":"薄香"},{"color":"#edd3a1","name":"浅黄"},{"color":"#e0c38c","name":"枯色"},{"color":"#f3bf88","name":"淡香"},{"color":"#f7b977","name":"杏色"},{"color":"#f19072","name":"东云色"},{"color":"#f19072","name":"曙色"},{"color":"#ee836f","name":"珊瑚朱色"},{"color":"#eb9b6f","name":"深支子"},{"color":"#e0815e","name":"纁"},{"color":"#df7163","name":"浅绯"},{"color":"#d57c6b","name":"真赭"},{"color":"#d0826c","name":"洗朱"},{"color":"#ca8269","name":"遠州茶"},{"color":"#bb5548","name":"红桦色"},{"color":"#ab6953","name":"赭"}]
					}
				}
			}
			const app = Vue.createApp(App)
			app.use(ElementPlus)
			app.mount("#app")
		</script>
	</body>
</html>