如何获取某张图片中的RGB颜色值及对应的十六进制颜色代码?

 懿古今   2022-05-01 12:55:33 发布  技术文档

我们在浏览图片的时候发现某张图片的颜色比较好看,那么如何获取图片中该颜色的RGB值呢?若获得了RGB颜色值后又应该如何获取对应的十六进制颜色代码呢?下面懿古今就跟大家说一说这两个问题。

如何获取某张图片中的RGB颜色值及对应的十六进制颜色代码? - 第1张 - 懿古今(www.yigujin.cn)

如何获取某张图片中的RGB颜色值?

想哟啊获取某张图片中的RGB颜色值,有两个方法,一是通过QQ截图直接获取,二是通过美图秀秀来获取,老古推荐方法一。具体办法如下:

1、通过QQ截图直接获取某张图片中的RGB颜色值

在电脑上登录好QQ后按截图快捷键Ctrl+Alt+A,进入QQ截图状态后将鼠标(光标)移动到想要获取图片RGB值的位置即可在光标下方的“田字格”中看到RGB值。如下图中显示的RGB:(9,129,205):

如何获取某张图片中的RGB颜色值及对应的十六进制颜色代码? - 第2张 - 懿古今(www.yigujin.cn)

2、通过美图秀秀来获取某张图片中的RGB颜色值

在电脑上用美图秀秀打开某张图片 - 点击切换到“文字水印”- 点击“颜色”- 点击【取色】按钮 - 移动取色图标(光标)到需要获取RGB颜色值的位置即可看到RGB对应的颜色值了。具体如下图红圈位置所示:

如何获取某张图片中的RGB颜色值及对应的十六进制颜色代码? - 第3张 - 懿古今(www.yigujin.cn)

如何根据RGB颜色值获取对应的十六进制颜色代码

我们在制作网页的时候,一般都是使用十六进制颜色代码,很少直接使用RGB颜色值,所以我们在获取某个RGB颜色值后还需要将其转换为对应的十六进制颜色代码,具体颜色转换方法如下:

前往boke123导航的“RGB颜色转换_十六进制颜色转换器_颜色代码在线转换器”工具页面 - 在“RGB颜色值转换为十六进制颜色码工具”中输入我们想要转换的RGB值并点击【RGB转16进制】按钮即可在“RGB值转16进制颜色码的转换结果:”中看到对应的十六进制颜色代码及颜色样例图示。具体如下图所示:

如何获取某张图片中的RGB颜色值及对应的十六进制颜色代码? - 第4张 - 懿古今(www.yigujin.cn)

同样的,我们知道某个16进制颜色码也可以将其直接转换为RGB颜色值,方法如下:

前往boke123导航的“RGB颜色转换_十六进制颜色转换器_颜色代码在线转换器”工具页面 - 在“十六进制颜色码转换为RGB颜色值工具”中输入我们想要转换的十六进制颜色码并点击【16进制转RGB】按钮即可在“16进制颜色码转RGB颜色值的转换结果:”中看到对应的RGB颜色值及颜色样例图示。具体如下图所示:

如何获取某张图片中的RGB颜色值及对应的十六进制颜色代码? - 第5张 - 懿古今(www.yigujin.cn)

综上所述,只要你知道了某个RGB颜色值或十六进制颜色代码,都可以通过boke123导航的“RGB颜色转换_十六进制颜色转换器_颜色代码在线转换器”工具页面相应的工具将其转换为十六进制颜色代码或RGB颜色值,而且使用方法很简单哦!

本文地址:https://www.yigujin.cn/3500.html

你可能感兴趣的文章

文章标签:
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请发邮件至[email protected],确认后马上更正、删除,谢谢!
淘宝和京东热销产品和VIP会员的优惠券推荐

发表评论

  1. 铁眼书吧
    铁眼书吧 @回复

    我都是直接搜索配色网站,然后去找颜色用。

    • 懿古今
      懿古今2022-06-03 20:38  回复

      @铁眼书吧有时候需要根据logo颜色来找到颜色十六进制值,这个时候用这个工具就比较简单了