Alwane 网页配色撷取工具，输入网址就能取得颜色代码相关资讯

如果想知道某个网站配色方式，除了打开开发人员工具或是检视原始码，也有第三方服务可以使用，即使无法完整复制别人的配色，也能快速得知网站使用的颜色代码或配色模式，取得颜色的色码或色彩名称。有没有任何更直觉、简单的方式来完成这些工作呢？若你有类似的需求，接下来要介绍的服务或许可以满足，这项服务会撷取特定网页使用的颜色，让颜色相关资讯更一目了然。

本文要介绍的「Alwane」是一个网页色彩撷取工具，可以在使用者输入特定的网址后取得该网站使用的颜色代码或描述，产生为调色盘链结，重新分类、编排各种颜色，最简单的使用方式是输入网站网址就能撷取，也能显示其他相关色彩，如果想分析、保存某个网站或品牌使用的颜色，Alwane 是个非常方便而且好用的工具。

除了将撷取的颜色代码以视觉化方式呈现，还能够以调色盘或是程序码方式呈现，包括 CSS 和 SASS 两种显示程序码，对于要取得特定的网站颜色来说很有用，若有类似需求的话不妨打开 Alwane 网站试试看。

Alwane
https://alwane.io/

使用教程

STEP 1

开启 Alwane 网站后直接在左上角「Extract CSS Colors」输入要撷取颜色的网址，预设情况下会从 HTML 和 CSS 样式表取得颜色，如果某些情境下需要从 JavaScript 获取颜色可在「Advanced」设定选项找到。

STEP 2

从撷取后的色彩结果可以看到各种颜色分布，包括颜色的预览、变数名称和色码（hex code），从左侧可选择为颜色重新分组、排序或是切换 CSS、SASS 色码。

STEP 3

从上方选项切换调色盘或程序码模式，也能快速将所有 CSS 代码复制到剪贴簿。

STEP 4

如果想要保存或分享网站的配色、调色盘、CSS 等资讯，点选右上角「Generate」就能产生链结啰！

值得一试的三个理由：

1. Alwane 网页色彩分析工具，输入网址就能撷取网页出现的颜色
2. 从 HTML、CSS 和 JavaScript 获取色彩资讯
3. 查询结果会有颜色预览、变数名称和色码，也能切换为程序码模式