web-dev-qa-db-ja.com

16進数の色はどのように機能しますか?

CSSの色を表す16進数はどういう意味ですか?正確なコードを記憶せずに、どのような色かを知るにはどうすればよいですか? RGB(およびCMYK)システムとの関係はありますか?
しばらくの間、FF255はRGBですが、15 ^ 2は255ではなく225であることがわかりました。

17
jasonszhao

16進数は16個の異なるシンボルを使用します。cssカラーの場合、シンボル0–9は値0〜9(明らかに)を表し、A, B, C, D, E, Fは、10〜15の値を表します。そのため、1つの16進文字を使用して、16値を表すことができます。 2つの16進数を使用すると、256(16 * 16)値を表すことができます。

RGBには、[〜#〜] r [〜#〜] ed [〜#〜] g [〜#〜] reenで表される色があります。 [〜#〜] b [〜#〜] lue(R = 0-255、G = 0-255、B = 0-255)、したがって、3組の16進記号を使用します!したがって、RGBカラーが表示されたら、以下の計算を行うことができます。

例:

16進数:#4C8ED5はRGB:76, 142, 213

なぜなら4C = 76[〜#〜] r [〜#〜] ed)、8E = 142[〜#〜] g [〜#〜] reen)、D5 = 213[〜#〜] b [〜#〜] lue)!

それがあなたの理解に役立つことを願っています!

続きを読む: ウィキペディアの16進数 および16進数のナイスRGB コンバーター

26
BrainArchitect

Nimrod100の答え

基本的に、FFがあり、それがREDであった場合、2つの16進数(0-9、A-F)があるため、F = 15です。

15 * (16 ^ 0) = 15
15 * (16 ^ 1) = 240

240 + 15 = 255
RED = 255

(16 ^ 0)および(16 ^ 1)ビットは、ベース16で作業していることを意味します。KPEの8040FFの例を実行している場合は、次のようにします。

F = 15

15 * (16 ^ 0) = 15
15 * (16 ^ 1) = 240

240 + 15 = 255
BLUE = 255

それから

8 * (16 ^ 0) = 8
(BECAUSE WE HAVE 0 WE IGNORE IT)
(16 ^ 1) = 16
(BECAUSE WE IGNORED THE ZERO WE * INSTEAD OF +)
8 * 16 = 128
RED = 128

4 * (16 ^ 0) = 4
(BECAUSE WE HAVE 0 WE IGNORE IT)
(16 ^ 1) = 16
(BECAUSE WE IGNORED THE ZERO WE * INSTEAD OF +)
4 * 16 = 64

GREEN = 64

R = 128
G = 64
B = 255

一方、1桁の16進数がある場合、たとえばF、15に等しいので、RED = 15

7
nimrod100

数学の部分は他の答えのいくつかでかなりわかりにくいと感じました。

実際には非常に簡単です。良い説明を見つけました こちら

コンピューターの色は、赤、緑、青をさまざまな比率で組み合わせて表現されます。各色の値は、0から255の範囲です。RGB表記では、緑と青の値が0である(255,0,0)を書き込むことにより、純粋な赤を表します。 。 (123,123,123)は灰色の影で、(0,0,0)は黒を表し、(255,255,255)は白を表します。

16進システムは、まったく同じ原則と値の範囲を採用し、それらをより短い方法で表現しようとします。

一般的な10進数システムでは、1桁の数字は0から9になり、2桁(つまり10)を使用する必要があります。

1桁だけで大きな数字を表現し続けるために、16進法では10から15までの数字に文字を割り当てることで1文字の表現を与えます。だから今:10 = A、11 = B、12 = C、13 = D、14 = E、15 = F。 (文字は小文字でもかまいません)。

16進数に非常によく似ているため、10進数システムの動作を見てみましょう。 13という数字では、最初の数字は1ですが、10を表しています。13を取得するには、3、13 = 10 + 3を追加します。つまり、右から左へ2番目の桁に常に10を掛けてから、次の数字を加算します。 23の2は20を表します。16進数では、右から左に2番目の桁に常に16を掛けます(16進数は16を意味します)。

番号4Cを見てみましょう。ここでは、右から左への2番目の数値である4 * 16 = 64であるため、16を4倍します。 Cは12を表すため、64に追加します。64+ 12 = 76なので、最終的な答えは4C = 76です。

書く必要がある大きな数を表すには、255を表すFFを使用します。したがって、赤、緑、青に必要なすべての数を6文字で表すことができます。

これをさらに短縮するために、各文字が2倍になる3文字の文字を書くことができます。たとえば、#000は#000000を表し、#ABCは#AABBCCになります

これで、CC9の数字を推測できますか?この数字は色を表現するのに必要ではありませんが、あなたの理解を証明するでしょう。ヒント:10進数では、267は(2 * 100)+(6 * 10)+(7)または(2 * 10 * 10)+(6 * 10)+(7)を意味します。

以下に答えてください。

-

-

-

-

(C * 16 * 16)+(C * 16)+(9)=

(12 * 16 * 16)+(12 * 16)+(9)=

3072 + 192 + 9 = 3273

2
Alejandro Camus

6桁の16進表記では、数字はRGBシステムの赤、緑、青のコンポーネントをペアで示します。例えば、 #0000FFは赤に0、緑に0、FF(10進数で15×16 + 15 = 255)、つまり青(RGBの意味で)の最大値を持ちます。

3桁の表記では、各桁が2倍になり、結果は上記のように解釈されます。例:#00F 手段 #0000FF

信頼できるリファレンス:4.3.6 CSS 2.1(より新しい CSS値と単位モジュールレベル この定義にはCSS 2.1を規範的に引用していますが、CSS色には拡張機能がありますコンセプトですが、これらの問題には影響しません)。

RGBとCMYKは異なるカラーシステムです。それらを変換する一般的な変換式はありません。

1

HEXコードは3バイトを表し、その順序でRGBカラーごとに1バイトです。

FF0000は完全な赤の強度、00FF00は完全な緑の強度、0000FFは完全な青の強度

8040FFは赤128、緑64、青255に対応

また、各バイトの下位4ビットを指定しない短い形式を記述することもできます。たとえば、フルWHITEのFFF、フルREDのF00、フルBLUEの00Fなどです。

1
KPE

http://quashnick.net/geek_stuff/HEX2DEC.html によると

16進数の色の値は、赤、緑、青の色を表します(それぞれ1バイトを使用します)。 [〜#〜] rgb [〜#〜]は、たとえばRGB(255、255、255)のように10進数値ですが、16進数のカラーコードは16進形式#FFFFFF->(R)FF-(G)FF-(B)FF

HEX番号は、DECのように0〜9の数字で構成されますが、A〜Fも追加されます。 HEXでカウントする場合:HEX 0 1 2 3 4 5 6 7 8 9 A B C D E F

12月0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

HEX番号は次のとおりです。1E5DF

これをDECに変換するには、べき乗関数のベースを定義する必要があります。 HEXは16の異なる数字[0-9A-F]に基づいているため、ベースは16です。

HEXからDECに変換するには、次の手順を実行します。DECでF = 15であることがわかっているため、この式(15 * 16 ^ 0)= 15を使用します。
DECではD = 13であることがわかっているため、この式(13 * 16 ^ 1)= 208を使用します
DECでは5 = 5であることがわかっているため、この式(5 * 16 ^ 2)= 1280を使用します
DECではE = 14であることがわかっているため、この式(14 * 16 ^ 3)= 57344を使用します
DECでは1 = 1であることがわかっているため、この式(1 * 16 ^ 4)= 65536を使用します

次に、すべての数値を加算して、HEX番号1E5DFのDEC番号を取得します。
15 + 208 + 1280 + 57344 + 65536 = 124383

したがって、答えはHEX 1E5DF = DEC 124383です。

詳細: http://quashnick.net/geek_stuff/HEX2DEC.html
色の詳細については、 http://www.w3schools.com/html/html_colors.asp をご覧ください。

1
Nemesis