ats色卡生成器怎么使用

1一种色卡的生成方法，包括：

获取第一坐标系，所述第一坐标系包括三个坐标轴；

将所述三个坐标轴中的第一坐标轴的值、第二坐标轴的值和第三坐标轴的值分别对应于RGB空间中的三个不同的颜色通道的颜色值；

获取所述第一坐标轴上的第一颜色值以及所述第二坐标轴上的第二颜色值；

将所述第一颜色值和第二颜色值分别赋值给RGB颜色空间中的两个颜色通道的颜色值以生成中间色卡；

获取所述第三坐标轴的采样值；

将所述第三坐标轴的采样值赋值给所述中间色卡的第三颜色通道以生成多个子色卡；

将所述多个子色卡按顺序排列生成所述色卡。

在PS中使用吸管工具，在颜色区域单击可以设置前景色。

具体步骤如下：1，首先打开PS软件，然后在PS中打开需要处理的。

2，接下来按快捷键“Ctrl+j”复制背景图层。

3，然后在左边工具栏中选择“吸管工具”，用鼠标左键在任一处单击，会发现前景色的颜色就变成这里的颜色了。

4，接下来选择“选框工具”在上根据自己的需要选择需要填充颜色的地方，按快捷键“AIT+delete”填充即可刚刚用吸管工具吸取的颜色。

本文将介绍在 Sketch 中使用有用的“色彩理论”以及“工具和资源”进行工作。同时还将“专注于实际示例”，帮助你更加自信地进行设计创作，以及通过 Sketch 中的功能示例以帮助你更高效地进行设计。

颜色不仅能够使UI更具吸引力，还能为用户和企业带来诸多好处。

让我们在学习更多实用技巧之前先了解一些色彩理论。

这些是用于数位设计的最受欢迎的颜色模型：

RGB： （红色，绿色，蓝色）是加色模型。这意味着将红色、绿色和蓝光以各种方式相加，以产生多种多样的颜色。

HSL： （色相，饱和度，亮度）RGB模型的替代表示。在HSL中，每种色调的颜色围绕中性色的中心轴以放射状切片放置，中性色的范围从底部的黑色到顶部的白色。

HSV/HSB： （色相，饱和度，值或亮度）这种颜色方案经常被误认为HSL，但这是RGB模型的另一种替代表示形式。和HSL一样，每个色调的 HSV 颜色都放置在径向切片中，围绕中性颜色的中轴，从底部的0%到顶部的100%不等。

Sketch支持上述所有模型，因此你能在工作中使用到它们。接下来，你将发现一些有用的提示，了解如何使用 HSB 模型来创建更好的色调。

正确使用调色板对于使应用程序更具吸引力至关重要。

有些颜色与另一种颜色搭配使用会看起来更好。这就是创建配色方案的原因。它们帮助设计师为其余色调找到合适的搭配。以下是几种配色方案：

下面将介绍最流行的4种配色方案。

单色 Monochromatic： 根据同一色调中的不同色调（tone），明色调（tint）和阴影（shade）创建的配色方案。如果要在应用程序中使用它们，请当心UI可能看起来不太有趣。

近似色 Analogous： 彼此相邻的3种颜色创建相似的配色方案。它很容易创建，并且比单色方案更具吸引力。

互补(对比) Complementary： 当你从色轮的相反两侧组合2种颜色时，该方案将被创建出来。它们可能还包括这些颜色的色调和阴影。

三等分 Triadic： 由3种色调组成的配色方案，这些色调在色轮周围均匀分布。这种配色方案很难获取到好的方案，但是它们可以使设计更具吸引力。

有一些Sketch工具和插件可帮助你快速创建自己的调色板。

60-30-10规则是室内设计行业中众所周知的永恒装饰原则。它非常简单和有效。该规则用于在配色方案中找到合适的平衡。

60％ + 30％ + 10％是所用颜色之间的比例：

尽管该原理已在室内设计领域产生，但你也可以成功地将其应用于数字化设计中。将应用程序或页面视为内容的空间，并应用规则以使设计更加平衡。

虽然灰色是不明显的颜色，但在用户眼中会获胜。如果你像我一样，你会在很多地方寻求灵感。看看建筑，当今我们使用很多灰色调，但是它非常适合现代建筑。我还注意到，越来越多的汽车是灰色的，但它们看起来非常吸引人。

这些中性色调如何为物体增添更多生命？这个秘密很微妙，但非常重要

当你考虑在应用中使用灰色时，纯灰色可能不会那么吸引人。为了使你的UI看起来更好， 尝试为中性色调添加一些色相和饱和度 。这样会使用户感觉到中性色调更自然。

使用非100％的灰色对于我们的眼睛至关重要。它使一切看起来更加自然。甚至苹果公司也开始使用“Truetone”，因此iPhone，iPad和MacBook的显示屏会根据照明温度进行调整，以感觉更自然。

尽管你必须记住以自己正确的方式设置中性色调，但是你也可以使用简单的插件 Convert to Grayscale 使你的画板呈灰色（纯灰色色调）。

在本节中，将向你展示如何使UI的色调变得更加生动和吸引人。

首先，让我们了解如何构建不同的颜色变体。

如果观察现实世界中的颜色如何相互作用，你会发现阴影和色调不仅仅是亮度的变化， 许多阴影还具有比主色更多的饱和色调。另一方面，启蒙区域更亮但饱和度更低。如果你想让你的设计感觉更自然，你也应该遵循这个发现。

通过这种简单的 *** 作，你的颜色变体在调色板中看起来会很好。

记住那些以不同于我们大多数人的方式感知色彩的人非常重要。颜色在我们的感知中起着重要作用。

为了使你的 Web 或移动解决方案完全可访问，你应使用 WCAG 20准则 来确认你的解决方案是否符合标准。

如果你为特定平台（例如iOS或Android）设计UI，则应遵循其有关视觉设计可访问性的准则：

为确保所有颜色均符合Web辅助功能指南，我建议使用 Stark plugin 。它允许你检查对比度和模拟色盲。

颜色对我们如何感知解决方案产生了巨大影响。正确的语调在每种文化中都有其意义。他们也与我们的情绪有关。

以下是基本颜色及其与情感和含义的关系：

颜色的含义可能会因你所居住的文化环境而异。如果你想研究差异，请随时 阅读这篇文章 。

在针对特定市场进行设计时，必须了解其含义。这将帮助你的UI获得更多更多的意义并避免错误。

获取常用颜色： 要检查Sketch中常用的颜色，请单击“颜色选取器”标签右侧的图标。它显示了文档中最常用的颜色列表。

查找和替换颜色： 当你必须快速切换文档中的调色板时，在Sketch中可以做到这一点。要更改颜色，请从菜单中选择“编辑 > 查找（Edit > Find）并替换颜色(Replace Color)”（也可以按Option+Command+F键）。

还有一些其他选项允许你配置颜色修改是否还会影响具有不同不透明度的颜色。

这些工具可以帮助你为UI设计构建正确的调色板：

要构建良好的UI调色板，找到灵感很重要。以下这些站点将为你提供几乎所有调色板的帮助：

颜色在我们的设计中起着重要作用。 大多数时候，我们会直观地使用它们。但是，更加有意识的方法会得到更好的结果，并且会让用户会感受到与众不同。

（编译完）

使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE10以下版本中是以HEX格式显示#ffff00，而IE10,、Chrome、Firefox中则是以GRB格式显示rgb(255,0,0)，由于需要对颜色值进行判断处理，所以需要得到统一的颜色格式，最好是HEX格式的，方便处理点。搜索了一下，从国外的一个网站上得到一段代码：

代码如下:

$fngetHexBackgroundColor = function() {

var rgb = $(this)css('background-color');

rgb = rgbmatch(/^rgb((d+),s(d+),s(d+))$/);

function hex(x) {return ("0" + parseInt(x)toString(16))slice(-2);}

return rgb= "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);

}

上面定义的是一个jQuery函数，我们可以通过 $("#bg")getHexBackgroundColor(); 获取到标签id="bg"的background-color的RGB值。

下面做一下小小的修改，就是加一个判断，如果是显示HEX值（IE10以下）就直接拿值，如果是非IE浏览器则将值转换成RGB格式：

代码如下:

$fngetBackgroundColor = function() {

var rgb = $(this)css('background-color');

if(rgb >= 0) return rgb;//如果是一个hex值则直接返回

else{

rgb = rgbmatch(/^rgb((d+),s(d+),s(d+))$/);

function hex(x) {return ("0" + parseInt(x)toString(16))slice(-2);}

rgb= "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);

}

return rgb;

}

河南新华电脑网络运营协会为您解答

VB可使用Point方法来获取指定点的颜色。

Point 方法

按照长整数，返回在 Form 或 PictureBox 上所指定磅的红-绿-蓝 (RGB) 颜色。

语法

objectPoint(x, y)

'窗体判色代码:

Private Sub Form1_MouseMove(Button As Integer, Shift As Integer, X As Single, Y As Single)

Text1 = X

Text2 = Y

Text3 = Point(X, Y)

Text4 = (Val(Text3) Mod 65536) Mod 256 'Red

Text5 = (Val(Text3) Mod 65536) \ 256 'Green

Text6 = Val(Text3) \ 65536 'Blue

Shape1FillColor = RGB(Val(Text4), Val(Text5), Val(Text6))

End Sub

'PictureBox判色代码:

Private Sub Picture1_MouseMove(Button As Integer, Shift As Integer, X As Single, Y As Single)

Text1 = X

Text2 = Y

Text3 = Picture1Point(X, Y)

Text4 = (Val(Text3) Mod 65536) Mod 256 'Red

Text5 = (Val(Text3) Mod 65536) \ 256 'Green

Text6 = Val(Text3) \ 65536 'Blue

Shape1FillColor = RGB(Val(Text4), Val(Text5), Val(Text6))

End Sub

Jquery实现颜色选择器插件是一款很实用的功能插件，可以灵活设置undefined（不传参数时）、字符串、函数、undefined：把选择的颜

色设置到绑定bigColorpicker的元素的value上。、字符串：把选择的颜色设置到id为"字符串"的元素的value上。、函数：执行传入

的函数以实现自定义的获取颜色后的动作。、engine:可以是undefined、p(或P)、l(或L、在bigColorpicker展现颜色选择

区域小格时有两种实现方式：、

一、是一张背景，采用光标定位的方式获取颜色。p(或P)、

二、每个小格就是一个li，设置li的背景颜色。l(或L)、实现方式的不同，效率有所差异，可以自己在使用时选择，默认是p(或P)。、

undefined（不传参数时）：使用默认p(或P)、sideLength:设置颜色区域的大小取值范围为2～10，默认为6,只有engine为L

时才生效

以上就是关于ats色卡生成器怎么使用全部的内容，包括:ats色卡生成器怎么使用、提问2: 从图像中获取某处的颜色,使用工具箱中的什么工具、Sketch和色彩使用等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！