神器 2022年02月16日
0 收藏 285 点赞 3,554 浏览 964 个字
摘要 :

如果想知道某个网站配色方式,除了打开开发人员工具或是检视源码,也有第三方服务可以使用,即使无法完整复制别人的配色,也能快速得知网站使用的颜色代码或配色模式,取……

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

想借鉴高手的配色体系?试试网页取色神器 Alwane

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

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

Alwane

网站链接:https://alwane.io/

使用教学

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

想借鉴高手的配色体系?试试网页取色神器 Alwane

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

想借鉴高手的配色体系?试试网页取色神器 Alwane

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

想借鉴高手的配色体系?试试网页取色神器 Alwane

如果想要保存或分享网站的配色、调色盘、CSS 等信息,点选右上角「Generate」就能产生链接咯!

想借鉴高手的配色体系?试试网页取色神器 Alwane

值得一试的三个理由:

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

配色找不到感觉?这个PCCS色彩体系帮你从根本上解决!

可能很多小伙伴都有这样的感觉:对色彩的各项概念已经非常了解,日常积累了很多优秀的色彩搭配素材及作品,也有进行临摹训练,但是自己在面对一个新设计命题时,却依旧无法准确选出最贴合主题的颜色,各种配色试来试去都不是自己想要的感觉。

阅读文章 >

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.jizhisheji.com/58080.html

相关推荐
精选
这 5 款工具,让设计师工作效率提升 200%!(四)
大家好我是花生~ 勤勤恳恳挖掘效率神器的我最近又发现了不少好用的小工具,今天就继续为大家推荐其中不能错过的 5 款,它们分别是: 一键查看!…
日期:2022-04-18 点赞:212 阅读:4,401
热门
堪比艺术家!被疯狂安利的 AI 插画神器 Disco Diffusion 有多强?
大家好,我是和你们聊设计的花生~ 有关注「神器挖掘机」阿文(微博 @Simon_阿文 )的朋友,可能已经了解到他最近正在疯狂安利一款 AI …
日期:2022-04-18 点赞:258 阅读:1,914
精品
设计师看过来!做短视频博主必备的5个高质量实用配乐网站
大家好,我是和你们聊设计的花生~ 随着短视频的火爆,很多小伙伴都会在 B 站、抖音这样的视频平台上关注设计类账号,利用碎片时间学习设计知识和…
日期:2022-04-13 点赞:164 阅读:4,936
优秀
第一波!2022年4月精选实用设计干货合集
大家好,4月的第1波实用设计干货合集来了!这一波合集主要是各种工具和在线服务,其中 Ouch 图库、排版平台 Kittl 以及设计工具合集推…
日期:2022-04-12 点赞:35 阅读:4,665
精选
可视化神器第二弹!一秒生成三维饼图的免费工具NB PIE
大家好,我是灰色执照~ 很开心又和大家见面了。 上个月我利用空闲时间学习了一下立体方面的编程知识,努力学习了一个礼拜后,我准备做个学习总结,…
日期:2022-04-11 点赞:207 阅读:1,896
优质
不用学C4D了?能把2D照片秒变3D场景的黑科技正式发布!
大家好,我是和你们聊设计花生~ 3D 建模是当下设计热门,大家熟知的 C4D、blender 等 3D 软件都是通过先在三维空间中建模,然后…
日期:2022-04-11 点赞:12 阅读:2,910
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站