目次
回复内容:
ホームページ ウェブフロントエンド H5 チュートリアル 电子行业中,以0x开头颜色表示法和以#开头的颜色表示法有什么区别?

电子行业中,以0x开头颜色表示法和以#开头的颜色表示法有什么区别?

Jun 07, 2016 am 08:45 AM
google rgb

最近遇到一些特殊的情况。我发现rgb颜色除了以#开头表示以外,还有以0x开头表示的。但是Google和百度上都找不到相关的介绍。不知道有没有从事相关研究的大哥仔细讲解两者之间的区别?

回复内容:

长懒看的请看最后一段结论。

从计算机的数值表示上讲,0x开头的其实并不是所谓颜色代码的表示方法,而是16进制数的标准写法。譬如0xA就是十进制的10。
而#开头的六(或三)位十六进制数是在设计领域(如CSS以及一些绘图软件)中颜色代码的表示方法。

如果我们只考虑24位颜色的话,电脑中每个像素的颜色其实就是用3个字节(24位)的无符号整数来存储的。所以用0x开头的“颜色代码”,也就是这个十六进制数表示的数值,其实就是颜色在内存(显存)中的存储方式。
为什么不采用我们常见的10进制数而要采用0x开头的16进制数来表示颜色呢?因为在颜色这3个字节中,大家规定17-24位表示红色的分量,9-16位表示绿色的分量,1-8位表示蓝色的分量,因此一个十进制数16777215表示的颜色虽然很难给我们一个直观的感觉,而将它转换成16进制数0xFFFFFF我们就可以很轻易的看出前两位FF表示红色,中间两位FF表示绿色,后面两位FF表示蓝色。这个数值表示白色。
于是就出现了阁下熟悉的在设计领域我们就使用#开头的6位十六进制数来表示颜色的方式,这样一来,既直观又可以方便地在内存中进行转换与存储。
所以我们说#开头的六位十六进制数仅仅表示颜色,0x开头的数字表示包括颜色在内的一般数值

于是我们就可以阐述出它们的区别:
我们知道,在十进制中0123和123是相等的两个数字,所以0x000FFF和0xFFF是相等的两个数值,也就表示相同的两个颜色。但是#000FFF和#FFF表示的却是两个不同的颜色。在CSS(以及部分绘图软件中)#后面跟3个十六进制数是被允许的,比如#ABC表示的颜色和#AABBCC表示的颜色相同。但是跟1、2、4、5个十六进制数仍然是非法的颜色代码。所以#000FFF表示蓝色掺了一点绿,#FFF即#FFFFFF表示白色,#0FFF什么都不表示,是非法的颜色代码。 楼主所说的颜色空间是RGB空间,这个颜色空间能够表示绝大多数肉眼可见的颜色。但是缺点是不好量化,因为其将色调、亮度、饱和度融在一块了。
除此之外的颜色空间还有:CMYK(青、洋红、黄、黑,用于墨盒中)、HSI(色调、饱和度、强度,用于数字化处理颜色)等。
颜色值一共6位,以16进制表示,前两位表示红色值,中间两位表示绿色值,最后两位表示蓝色值。 0xAARRGGBB
#RRGGBB
rgba(r,g,b,a) --- (00xefeff4
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Google Pixel 9とPixel 9 Proはリリース時にクリエイティブアシスタントAIを搭載すると噂される Google Pixel 9とPixel 9 Proはリリース時にクリエイティブアシスタントAIを搭載すると噂される Jun 22, 2024 am 10:50 AM

現在、この秋には 4 つの新しい Pixel スマートフォンが発売される予定です。要約すると、このシリーズは発売時にPixel 9とPixel 9 Proを搭載すると噂されています。ただし、Pixel 9 ProはPixel 8 ProではなくiPhone 16 Proのライバルになります(最新情報)

Google AI、開発者向けに Gemini 1.5 Pro と Gemma 2 を発表 Google AI、開発者向けに Gemini 1.5 Pro と Gemma 2 を発表 Jul 01, 2024 am 07:22 AM

Google AI は、Gemini 1.5 Pro 大規模言語モデル (LLM) を皮切りに、拡張コンテキスト ウィンドウとコスト削減機能へのアクセスを開発者に提供し始めました。以前は待機リストを通じて利用可能でしたが、完全な 200 万トークンのコンテキストウィンドウが利用可能になりました

Googleアプリのベータ版APK分解により、Gemini AIアシスタントに新たな拡張機能が追加されることが明らかになりました Googleアプリのベータ版APK分解により、Gemini AIアシスタントに新たな拡張機能が追加されることが明らかになりました Jul 30, 2024 pm 01:06 PM

最新アップデート (v15.29.34.29 ベータ版) の APK 分解を考慮すると、Google の AI アシスタント Gemini はさらに高性能になる予定です。このテクノロジー巨人の新しい AI アシスタントには、いくつかの新しい拡張機能が追加される可能性があると伝えられています。これらの拡張機能は

Pixel 9 Pro XL の Google Tensor G4 は 原神 で Tensor G2 に遅れをとっています Pixel 9 Pro XL の Google Tensor G4 は 原神 で Tensor G2 に遅れをとっています Aug 24, 2024 am 06:43 AM

Googleは最近、Pixel 9ラインのTensor G4に関するパフォーマンスの懸念に対応しました。同社は、このSoCはベンチマークを上回るように設計されていないと述べた。代わりに、チームは Google が求めている分野でパフォーマンスを向上させることに重点を置きました。

Google Pixel 9 Pro XLはデスクトップモードでテストされる Google Pixel 9 Pro XLはデスクトップモードでテストされる Aug 29, 2024 pm 01:09 PM

Google は、Pixel 8 シリーズで DisplayPort 代替モードを導入しており、新たに発売された Pixel 9 ラインナップにも搭載されています。これは主に、接続された画面でスマートフォンのディスプレイをミラーリングするためにありますが、デスクトップにも使用できます。

Google Pixel 9スマートフォンは7年間のアップデート契約にもかかわらずAndroid 15では発売されない Google Pixel 9スマートフォンは7年間のアップデート契約にもかかわらずAndroid 15では発売されない Aug 01, 2024 pm 02:56 PM

Pixel 9 シリーズは、8 月 13 日のリリースが予定されており、もうすぐ登場します。最近の噂によると、Pixel 9、Pixel 9 Pro、Pixel 9 Pro XLは、128 GBのストレージから始まるPixel 8とPixel 8 Pro(Amazonで現在749ドル)をミラーリングします。

新しい Google Pixel デスクトップ モードは、Motorola Ready For と Samsung DeX の代替として新鮮なビデオで紹介されています 新しい Google Pixel デスクトップ モードは、Motorola Ready For と Samsung DeX の代替として新鮮なビデオで紹介されています Aug 08, 2024 pm 03:05 PM

Android Authority が、Google が Android 14 QPR3 Beta 2.1 内に隠していた新しい Android デスクトップ モードをデモンストレーションしてから数か月が経過しました。 Google が Pixel 8 と Pixel 8 に DisplayPort Alt Mode サポートを追加することに追随して登場

Google、AI Test Kitchen & Imagen 3 をほとんどのユーザーに公開 Google、AI Test Kitchen & Imagen 3 をほとんどのユーザーに公開 Sep 12, 2024 pm 12:17 PM

Google の AI Test Kitchen には、ユーザーが遊べる一連の AI 設計ツールが含まれており、現在、世界 100 か国をはるかに超える国のユーザーに公開されています。この動きにより、世界中の多くの人が Imagen 3、Google を使用できるようになるのは初めてです。

See all articles