您甚至可以在Sublime Text中选择颜色,或使用Adobe Kuler for iOS生成配色方案。

我们讨论了色彩对网站设计的重要性,并介绍了一些色彩工具 ,这些色彩工具可以帮助设计师挑选出所需的正确色彩组合

您可能知道,使网站“出色”的三项基本要素是: 排版,布局和颜色。

当您需要使用悬停,边框或渐变颜色时,此功能非常有用。

在这篇文章中,我将向您介绍0to255 ,这是一个简单的工具,可以帮助您找到要使用的色调的正确十六进制代码

使用该工具,您可以将鼠标悬停在一种颜色上,然后查看亮度百分比出现在右侧以及该颜色的十六进制代码。

肖恩·查普曼(Shaun Chapman)通过实施HSL (色相,饱和度和亮度)模型将亮度参数(从0%到100%)分为31部分来开发了此工具。

选择0To255的颜色阴影

0to255提供了几种比较颜色组合的方法。

您无需先注册即可使用它。

该网络工具非常简单易用,并且是免费的。

例如,选择#d86b93十六进制颜色时,只需键入d86b93,然后单击“选择颜色”按钮即可。

在此处输入/粘贴十六进制代码,不要带井号。

访问0to255 站点 ,单击“选择颜色”按钮,将弹出一个字段。

首先,您可以在默认的颜色选择器中插入所需的颜色

轻松找到带有0至255的颜色阴影的十六进制代码

所选颜色显示为默认框。

然后,该工具将为您提供其他可供选择的阴影的列表。

轻松找到带有0至255的颜色阴影的十六进制代码

如果您选择了要使用的其他颜色,只需单击它, 十六进制代码将自动复制到剪贴板中。

您将获得从最亮到最暗的30种其他不同颜色 (31 选择的颜色)。

轻松找到带有0至255的颜色阴影的十六进制代码

这将带您直接进入#d86b93的颜色比较页面。

或者,您可以仅将颜色代码粘贴到您的URL中,如下所示: 0to255.com/d86b93

轻松找到带有0至255的颜色阴影的十六进制代码

挑选其他颜色

在页面左侧,您可以使用其他十六进制代码直接选择另一种颜色(在左侧),也可以选择随机颜色(在右侧)。

轻松找到带有0至255的颜色阴影的十六进制代码

或者,您可以从0to255主页上的随机颜色列表中选择另一种颜色。

轻松找到带有0至255的颜色阴影的十六进制代码

最终思想

尝试一下,并告诉我们它是否对您的颜色选择工作有所帮助。

0to255使其像单击一样简单,而不是猜测或争先恐后地在网上找到正确的十六进制代码。

对于只希望获得正确代码以用于其设计的设计师来说,0to255可以节省大量时间。


翻译自: https://www.hongkiat.com/blog/color-hex-codes-0to255/

相关文章:

  • 2021-11-30
  • 2021-12-02
  • 2022-02-02
  • 2022-12-23
  • 2021-12-02
  • 2022-02-23
  • 2022-02-23
猜你喜欢
  • 2021-09-30
  • 2022-12-23
  • 2021-12-02
  • 2022-02-07
  • 2021-12-02
  • 2021-11-18
相关资源
相似解决方案