您可能知道,使网站“出色”的三项基本要素是: 排版,布局和颜色。 我们讨论了色彩对网站设计的重要性,并介绍了一些色彩工具 ,这些色彩工具可以帮助设计师选择所需的正确色彩组合 。 您甚至可以在Sublime Text中选择颜色,或者使用Adobe Kuler for iOS生成配色方案。
在这篇文章中,我将向您介绍0to255 ,这是一个简单的工具,可以帮助您找到要使用的色调的正确十六进制代码 。 当您需要使用悬停,边框或渐变颜色时,此功能非常有用。
肖恩·查普曼(Shaun Chapman)通过实施HSL (色相,饱和度和亮度)模型将亮度参数(从0%到100%)分为31部分来开发了此工具。 使用该工具,您可以将鼠标悬停在一种颜色上,然后查看亮度百分比出现在右侧以及该颜色的十六进制代码。
选择0To255的颜色阴影
该网络工具非常简单易用,并且是免费的。 您无需先注册即可使用它。 0to255提供了几种比较颜色组合的方法。
首先,您可以在默认的颜色选择器中插入所需的颜色 。 访问0to255 站点 ,单击“选择颜色”按钮,将弹出一个字段。 在此处输入/粘贴十六进制代码,但不带井号。 例如,当选择#d86b93
十六进制颜色时,只需键入d86b93,然后单击“选择颜色”按钮即可。
![](https://i-blog.csdnimg.cn/blog_migrate/e04d911c079ce8fe40e05682c6b219fa.png)
![](https://i-blog.csdnimg.cn/blog_migrate/e04d911c079ce8fe40e05682c6b219fa.png)
然后,该工具将为您提供其他可供选择的阴影的列表。 所选颜色显示为默认框。
![](https://i-blog.csdnimg.cn/blog_migrate/1e02a0d0fab91490241ebcdeca230d85.png)
![](https://i-blog.csdnimg.cn/blog_migrate/1e02a0d0fab91490241ebcdeca230d85.png)
从最亮到最暗,您将获得30种其他不同的颜色 (31 种选择的颜色)。 如果您选择了要使用的其他颜色,只需单击它, 十六进制代码将自动复制到剪贴板中。
![](https://i-blog.csdnimg.cn/blog_migrate/227b48d0a670f1f9824d8a9eef210d85.jpeg)
![](https://i-blog.csdnimg.cn/blog_migrate/227b48d0a670f1f9824d8a9eef210d85.jpeg)
或者,您可以仅将颜色代码粘贴到您的URL中,如下所示: 0to255.com/d86b93 。 这将带您直接进入#d86b93的颜色比较页面。
![](https://i-blog.csdnimg.cn/blog_migrate/0e4f34060b7291cb6fbcca044d61f0c5.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0e4f34060b7291cb6fbcca044d61f0c5.png)
挑选其他颜色
在页面左侧,您可以使用其他十六进制代码直接选择另一种颜色(在左侧),也可以选择随机颜色(在右侧)。
![](https://i-blog.csdnimg.cn/blog_migrate/503e499969e9c3e19da4e18f6198e003.png)
![](https://i-blog.csdnimg.cn/blog_migrate/503e499969e9c3e19da4e18f6198e003.png)
或者,您可以从0to255主页上的随机颜色列表中选择另一种颜色。
![](https://i-blog.csdnimg.cn/blog_migrate/a0cd03ff0ddf653c19adc36de5d185a0.png)
![](https://i-blog.csdnimg.cn/blog_migrate/a0cd03ff0ddf653c19adc36de5d185a0.png)
最终思想
对于只希望获得正确代码以用于其设计的设计师来说,0to255可以节省大量时间。 0to255使其像单击一样简单,而不是猜测或争先恐后地在网上找到正确的十六进制代码。 尝试一下,并告诉我们它是否对您的颜色选择工作有所帮助。