若是你搜索“91色”，通常是想找一个利便选取颜色、搭配渐变配景，或天生网页 CSS 颜色代码的工具。使用时可以先选择基础颜色，再调解明度、饱和度和透明度，最后复制十六进制、RGB 或渐变 CSS 值。

91色类调色工具适合网页配色、海报配景、按钮设计、卡片界面和前端开发。若主要目的是制作渐变配景，重点不但是选择两种颜色，还要设置渐变偏向、颜色
？课恢煤驼灞日斩，不然页面容易显得耀眼或缺乏条理。

91色主要可以解决哪些配色问题

• 快速取色：通过颜色面板选择主色，并获取 HEX、RGB 或 HSL 等常用颜色值。
• 搭配辅助色：围绕主色寻找相近色、互补色或明暗转变，镌汰凭感受配色的不稳固。
• 制作渐变配景：设置两个或多个颜色节点，并调解渐变角度与过渡位置。
• 天生网页样式：将选好的颜色应用到配景、文字、边框、按钮和阴影等 CSS 属性中。

差别页面或版本的按钮名称可能有所区别，但基本流程通常都是“选色—调解—复制—应用”。若是只是审查颜色，不需要一次设置过多参数；若是用于网页设计，则应同时检查文字可读性和差别屏幕上的显示效果。

使用 91 色调色的基本办法

第一步：确定配色用途

先明确颜色是用于页面主配景、按钮、文字，照旧用于图片和宣传物料。配景致一样平常需要柔和、耐看，按钮色需要与配景形成显着区别，文字色则应优先思量清晰度。用途差别，适合的颜色饱和度和明度也差别。

第二步：选择主色和辅助色

可以先选一个主色，再凭证主色调解辅助色。常见做法包括选择同色系的深浅转变、选择色轮上相邻的颜色，或者使用冷暖比照。颜色数目不宜过多，通俗网页通常以一个主色、一个强调色和一组中性色为基础。

若是用于渐变，两个颜色之间最好保存一定联系。例如蓝色搭配紫色、橙色搭配粉色，过渡通常较量自然；完全没有色彩关系的组合也可以使用，但需要降低饱和度或缩小其中一种颜色的占比。

第三步：复制合适的颜色名堂

HEX：例如 #3B82F6，适合直接写入网页样式，精练直观。

RGB：例如 rgb(59, 130, 246)，适合需要划分调解红、绿、蓝通道的场景。

RGBA：在 RGB 基础上增添透明度，适合半透明遮罩、浮层和叠加配景。

HSL：由色相、饱和度和明度组成，适合按视觉感受调解颜色深浅和鲜艳水平。

渐变配景应该怎样设置

CSS 渐变不是一张图片，而是由浏览器凭证颜色节点实时绘制的配景。常用的线性渐变写法是 background: linear-gradient(135deg, #3B82F6, #8B5CF6);，其中 135deg 体现渐变偏向，后面的两个颜色体现起点和终点。

若是希望颜色在指定位置最先或竣事，可以增添颜色
？康，例如 background: linear-gradient(90deg, #2563EB 0%, #7C3AED 60%, #EC4899 100%);。百分比越靠前，颜色越早泛起；百分比越靠后，颜色会在更长规模内完成过渡。

常见渐变类型与适用场景

渐变类型	CSS 写法偏向	适合的使用场景
线性渐变	linear-gradient	网页横幅、按钮、卡片和页面配景
径向渐变	radial-gradient	聚光效果、圆形光晕和重点区域装饰
重复线性渐变	repeating-linear-gradient	条纹、脱离线和规则纹理
重复径向渐变	repeating-radial-gradient	圆点纹理、装饰性配景和图案效果

91色渐变配色的适用技巧

控制颜色数目

两种颜色适合制作精练配景，三种颜色可以增添条理，但颜色节点过多时容易爆发杂乱的分区感。除非是特殊艺术效果，不然不建议在一个小面积按钮中加入太多颜色。

调解明度和饱和度

渐变两头的明度差别过大，容易造成显着的断层；饱和度都很高时，视觉刺激会较量强。用于大面积配景时，可以适当降低饱和度；用于按钮或重点标签时，则可以保存较高饱和度，让用户更容易识别。

凭证内容设置偏向

横向渐变适合横幅和导航区域，纵向渐变适合移动端卡片或页面顶部配景，斜向渐变换有动感。文字放在渐变配景上时，应避开颜色转变最重大的位置，须要时增添半透明遮罩。

CSS 选择器与颜色代码有什么区别

“渐变颜色 CSS 选择器”容易把两个看法混在一起。CSS 选择器用于找到需要修改的网页元素，例如 .banner 代表类名为 banner 的元素；渐变颜色则通过 background 或 background-image 属性应用到该元素上。

例如，可以在 CSS 中写成 .banner { background: linear-gradient(135deg, #2563EB, #9333EA); }。这里的 .banner 是选择器，background 是样式属性，linear-gradient(...) 是详细的渐变值。修改颜色时，不需要替换选择器，只需调解渐变函数中的颜色和偏向。

若是页面使用标签选择器、类选择器或 ID 选择器，需确认选择器确实对应目的元素。颜色代码自己不会自行动用于网页，只有写入准确的 CSS 属性，并且样式文件乐成加载后，页面才会显示响应效果。

使用渐变配景时常见的问题

• 文字看不清：配景颜色转变较大时，白色或玄色文字可能只在局部清晰，应增添遮罩、阴影或调解文字颜色。
• 颜色过于鲜艳：降低饱和度，或将其中一个颜色改为更靠近中性的颜色。
• 渐变界线显着：检查颜色明度差别和
  ？康闵柚，阻止两个颜色在短距离内快速切换。
• 复制代码后无效果：检查 CSS 属性是否写在准确的选择器内，并确认目的元素具有可见宽度和高度。
• 移动端显示不协调：统一渐变在窄屏上可能显得过于集中，可调解偏向、
  ？课恢煤团渚懊婊。

怎样判断一组颜色是否适合使用

先把颜色放到现实页面中，而不是只在调色面板里判断。视察主配景、文字、按钮和边框之间是否有足够区分，同时检查大面积显示时是否容易爆发视觉疲劳。关于信息型页面，应优先包管阅读体验；关于活动页或宣传页，才适合使用更强烈、更有攻击力的渐变。

若是无法确定配色，可以先从低饱和度的同色系渐变最先，再逐步增添比照。确定最终计划后，保存颜色值、渐变偏向和应用位置，便于在差别页面坚持统一的视觉气概。

校对：马家辉(FZlHHgmlPxhACBItHaE3fb6dpCj35Y)