前端UI配色辅助RGB颜色调色板配色表HTML源码

前端UI配色辅助RGB颜色调色板配色表HTML源码

介绍

前端UI配色辅助RGB颜色调色板配色表HTML源码,颜色大全,配色大全 网站源码 配色网站,各类样式的配色

RGB颜色调色板配色表html源码分享,站长引流工具,色彩搭配看似复杂,但并不神秘。

既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算。

将网页设计中常见的色彩搭配按照色相的顺序归类。搭配起来就会得到千变万化的感觉。

界面预览

在这里插入图片描述

部分代码

<div class="aside">
			<div class="logo">
				<div class="name">颜色大全</div>
			</div>
			<div class="nav">
				<div class="nav-list">
					<div class="item-title">按色相的搭配分类</div>
					<div class="item-color">
						<a class="active" href="#color_0">红色</a>
						<a href="#color_1">橙色</a>
						<a href="#color_2">黄色</a>
						<a href="#color_4">绿色</a>
						<a href="#color_5">青绿色</a>
						<a href="#color_6">蓝色</a>
						<a href="#color_7">蓝紫色</a>
						<a href="#color_8">紫色</a>
						<a href="#color_9">紫红色</a>
					</div>
				</div>
				<div class="nav-list">
					<div class="item-title">按印象的搭配分类</div>
					<div class="item-color">
						<a href="#color_10">柔和、明亮、温柔 </a>
						<a href="#color_11">柔和、洁净、爽朗 </a>
						<a href="#color_12">可爱、快乐、有趣 </a>
						<a href="#color_13">活泼、快乐、有趣 </a>
						<a href="#color_14">运动型、轻快 </a>
						<a href="#color_15">轻快、华丽、动感 </a>
						<a href="#color_16">狂野、充沛、动感 </a>
						<a href="#color_17">华丽、花哨、女性化 </a>
						<a href="#color_18">回味、女性化、优雅 </a>
						<a href="#color_19">高尚、自然、安稳 </a>
						<a href="#color_20">冷静、自然 </a>
						<a href="#color_21">传统、高雅、优雅 </a>
						<a href="#color_22">传统、稳重、古典 </a>
						<a href="#color_23">忠厚、稳重、有品位 </a>
						<a href="#color_24">简单、洁净、进步 </a>
						<a href="#color_25">简单、时尚、高雅 </a>
						<a href="#color_26">简单、进步、时尚 </a>
					</div>
				</div>
			</div>
		</div>

源码地址:

web配色网站

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

山茶花水

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值