ColorSpark 随机产生颜色或渐层色组合，显示 CSS3 代码快速複製

每次要选择颜色的时候，我总是会从众多配色工具找一两个自己喜欢的，无论从中寻找灵感或挑选合适的颜色都很好用，例如：Coolors 快速选色器，后来改版后介面稍微有变得複杂一些；另外还有 Colordot 更人性化的选色工具服务，在移动滑鼠摇标时轻松找出配色灵感；我也喜欢 NIPPON COLORS 代表日本的 250 种颜色，这是找寻日本传统色系配色的绝佳网站。

越简单的工具越深得我心，至少可快速解决问题而不用花太多时间摸索，本文要推荐的「ColorSpark」是一款非常易用的选色器，开启网站按下「Generate」按钮，每次都会随机出现一种颜色，同时也会显示 Hex 颜色代码可快速复制。

除此之外，ColorSpark 还提供渐层色（Gradient）产生器，之前在 WebGradients 和 CoolHue 有介绍过收录渐层背景免费下载的网站，现在你也可以在这项服务上随机产生渐层色，一键快速复制 CSS3 语法，将它加入你的网站设计。

网站名称：ColorSpark
网站链结：https://colorspark.app/

使用教程

STEP 1

开启 ColorSpark 会随机出现一个颜色，下方会有 Hex 色码，点选「Generate」重新产生一个颜色，每个颜色之间没什么关连，可以多按几次看看有没有让自己赏心悦目的颜色。

STEP 2

点选上方的「Gradient」切换成渐层色模式，会显示两种颜色及偏移角度。

点选右下角的「Copy CSS」可快速复制 CSS3 程序码，将它放进 CSS 档就能成为背景颜色使用。当然还有其他使用方法，可以自己研究一下语法，总之 ColorSpark 主要用途就是让使用者找到配色灵感。

STEP 3

此外，ColorSpark 还提供夜间模式，从右上角点选月亮图示切换，夜间模式底色会变深色，但功能一样没变，蛮有趣的功能。

依照 ColorSpark 说明表示这项服务是为了让设计师找到独特的颜色和渐层组合，透过这个可产生随机颜色和渐变颜色的工具，可以找到一些原本不知道的颜色，这是一个有趣的实验，或许可以为你的下一个设计专案激发出灵感。

值得一试的三个理由：

1. 可随机产生颜色或渐层色组合
2. 一键复制 Hex 色码或 CSS3 代码
3. 介面简单易用，内建夜间模式降低亮度