色彩灵感和调色板

mubassirameheja

图 3 - 对比度 色彩灵感和调色板 在设计过程中，可以寻求色彩和色彩和谐的灵感。当然，这可以在您选择的图像编辑程序中完成。但现有的网络工具肯定有其魅力并且可以在目标平台上运行。应用程序可以通过移动鼠标来选择颜色。每次鼠标单击都会固定所选颜色并提供新选择的可能性。这样你就可以用鼠标拼凑出一个小调色板。您还可以单独精细地校正每种颜色的值，但仅此而已。 在您可以创建不同类型的调色板，但不幸的是，您在内容方面完全孤立无援。该应用程序背后肯定有一个色彩理论，但不幸的是它没有被传达。该工具仍然主要是寻找灵感的起点。调色板可以输出为永久链接、Sass 文件或 PNG。 “ Handy Colors ”提供了大量现成的调色板可供选择。该应用程序还允许您创建自己的调色板。另一方面，“ Pular ”将自己宣传为颜色搜索引擎。


搜索“唐老鸭”揭示了一系列令人兴奋的颜色，但我并不完全理解。但这个网站确实非常 瑞士 电话号码 适合作为实验的起点。 “无障碍调色板构建器”旨在帮助创建无障碍（无障碍）调色板。将颜色组合为背景色和前景色是非常有帮助的。这使得表格概述中清楚地表明哪些颜色组合符合 WCAG，哪些不符合 WCAG。 图 4 - 可访问的调色板生成器 渐变 长期以来，即使有复杂的变化，颜色渐变的使用也可以通过 CSS 实现。 “ WebGradients ”应用程序提供了许多渐变的灵感。它们可以以 PNG 格式下载，或以 CSS 格式导出到剪贴板。但是，没有规定可以创建您自己的课程或修改现有课程。 另一方面，“ CSS Gradient ”是为创建您自己的渐变而设计的。可以在此处输入色标，也可以输入径向渐变。结果直接以CSS形式呈现，供复制。没有 PNG 导出。该网站还提供有趣的背景文章和链接推荐、参考、设计示例和完成的进展。这是一个全面的产品，除了工具之外，还提供了大量的信息。 图5-CSS渐变-颜色工具 Sass 颜色特征 Sass 等预处理器通过提供颜色更改工具使颜色处理变得更加容易。





Sass 提供了丰富的颜色功能。借助在线工具，可以直接在浏览器中测试它们的效果和拼写。 另一方面，“ SassMe ”工具则非常专注。它允许用户从一种颜色导出第二种颜色，并将结果显示为 Sass 的 HSL 函数。该工具还适合更好地理解HSL 色彩空间。 图6 Sass-Me CSS过滤器 除IE外，所有常见浏览器都支持CSS过滤器。 Andreas Wik在 CodePen 上创建了一个很好的工具，您可以使用它来尝试每个过滤器的效果： 幸运的是，他还写下了这项技术必要的背景信息。 巴西人 Jordano Aragão 也在 CodePen 上留下了CSS 过滤器的精彩应用。可以设置各个过滤器并输出必要的代码。 如果您只是寻找所有潜在过滤器的概述，您应该考虑Stacy Kvernmo 的CodePen ： 该网站非常适合在不同浏览器中进行测试。 15 个网页设计色彩工具 – 结论 有大量有趣的、基于网络的颜色工具和关于“颜色”主题的信息页面。我们在这里只看到了一小段摘录。近年来，技术的发展极大地增加了这些工具的选择。这为未来带来了有趣的新色彩工具，要么展示新的方面，开辟新的视角，要么提供更好的界面。