如何选择颜色并确定不同状态的色调：悬停、活动、按下、禁用

为用户界面进行的颜色的时应该很冗杂，更是是在要考虑到不同的控制键情况、文字和另一个 UI 化学元素时。在这次标题中，我将探讨我的技巧和的基本原则，帮忙您好地为您的新项目进行颜色搭配措施。

1. 定义主色

设汁网 时，基本需求选用外表背景样色图片搭配方案怎么写。一直，顾客早已上了重点的厂家外表背景样色图片。在这样的实际情况下，您的目标任务是选用与色温互补原理的其他的外表背景样色图片和色温。不仅有重点外表背景样色图片之下，网 上还便用其他的外表背景样色图片代替种种意图，如指示器不正确环境、环节、插图图片、ps图标，或代替图文和仪表板板。

2.使用色彩和谐

为以保证色号匹配同样，实用不同的色号匹配工作措施（举列纯色、专一性色、三角型形等）是有利于的。当我们能够 需要帮助运用谐和的调色板，以多补好项目的主要的色号。当我们当今现在的生活在一名技木神速的发展的当今世界，同时有能够 快速转化色号工作措施的特有服务管理。举列，我实用

我是这样做的：

一。从下拉列表中选择所需的方案。

二。在表示为基色的字段中输入所需的颜色值

三。确定哪些颜色适合我的需要。

四.在我的例子中，使用 Figma 将它们转移到我的工作区。

3. 音调的选择

接下来，我们需要确定每种选定颜色的色调。要为所选颜色选择色调，您可以使用可以协助此过程的特定服务。有两种方法可以确定颜色的深浅：

第一种方法涉及更复杂的公式：

1. 选择标题颜色（不一定是黑色）。
2. 切换到 HLS 模式。
3. 跳过第一个单元格，将第二个单元格的值减少 2，将第三个单元格的值增加 5。

第二种方法是使用服务（简单快捷）

一。输入您想要的颜色值。

二。选择色调和步骤数（我使用了 5）。

三。选择色调和步骤数。

四.因此，对于一种颜色，我创建了下表

P = 主要，

P 60 = 这是我们的原色，

从 P 10 到 P 50 = 这些是我们在 Tints 中收集的浅色调，

从 P 60 到 P 100 = 这些是我们在“色调”面板中收集的深色色调。

4. 检查颜色可访问性

为了保证大多数消费者（以及技能有局限的消费者）都在以选用选择的茶汤彩色越来越核心。开启画面时能遵照这些规程，列举 Web 方式可防问浏览浏览性规程 ( )。要捡查茶汤彩色的可防问浏览浏览性，您能选用相关平台（列举编辑器或 Web 安全服务）来确认选择茶汤彩色的对比图度和可防问浏览浏览性。

Figma 插件怎么安装 –互联网保障 –

5. 定义不同界面状态的颜色

在为 Web 新项目设计调色板的接下来分阶段，有需要断定不同稀有元素情形营养的布骤数。经常，我们都断定六个重点情形：

• 启用（元素的平静和正常状态）
• 悬停（鼠标悬停）
• 活动（单击按钮或其他控件）
• 禁用（被阻止的元素）

想要选择方法流程数，我国运用彩色面板价格，在表中固定好大部分彩色值（素色）。第二，我国换算悬停和游戏活动的感觉的步数。在此之后，我国测试软件各种的感觉的可訪問性，以保证我国的按钮开关及表中的文案方便阅览。

举列， 陈述了下述办法：悬停心态距起始外表色泽步半，而行为内容心态距主外表色泽两步来完成。一样的，圈定的心态也会离色调更进步。种办法使.我并能名词解释调色板并切实保障其可供中大消费者（以及性能是有限的的微信用户）动用。一样的的办法也不适主要用在txt文档，中间判别悬停和行为内容心态。

悬停环境

如果您的主色介于黑色和 70 之间，那么您应该上调半级，选择较浅的色调。

如果你的主色在 60 和白色之间，你应该降低半级到更深的色调。

轻按/活动形式感觉

对于从100 到 70 的值，活动状态会变轻两个整级

对于从60 到 10 的值，活动状态会变暗两个整级

确定的州

而对于从 100 到 70 的值，相应阶段会变浅第一

我们对从 60 到 10 的值，相应模式会变暗1阶段

试验您的方案和word文档文件以抓好它可读并规范彰显也很沉要。完全工做后，抓好其他的页面形态和word文档文件看出来和工作正常的。

---

科学合理选购色系解决方案这对开启普通用户账户合理且有打动力的普通用户账户表面起着主要用途。进行了解这样的很简单的布骤并运行用于的工貝，您将也能为您的创业项目选购和SEO彩色。

我可能你愿意我的短文。若果您有某些提出问题或应该更加内容，请会随时刊发回帖。