文字色に関する不思議な結果？

Question

お疲れ様です、古いサイトのソースをしていると
fontを使うことがあるのですが調ても意味がわからないものがあります

 <font size="5" face="ＭＳ 明朝" color="darkred">見出し</font> 

それが以下のソースコードなのですが

 <font color="#eca23fyellow">見出し</font>

普通の色指定かと思ってちゃんと読んでいなかったのですが
よくよく読んでみたら色を二つ書いてあり赤色になっていました（#eca23~とyellow？）

色の合成？おまじない？
古い書き方でもう情報がどこにもない？など様々な考えをしてみましたが
けっきょく何の意味があるのかさっぱりわかりませんでした

どういった原理で動いてるのか、ヒントだけでも構いませんので教えてください
よろしくお願いします。

Answer 1

color 属性のような、廃止された属性における値を解析するための規則は HTML Standard で定義されています。今回の動作を説明するために必要な箇所だけ抜粋すると、次のようになります。

1. 16 進文字列として無効な文字を 0 に置き換える
2. 文字列の長さが 3 の倍数でない場合、末尾に 0 を追加する
3. 文字列を等しい長さの文字列に 3 分割する
4. 各文字列の最初の 2 文字を結合する

よって #eca23fyellow は

1. eca23f0e0000
2. eca2, 3f0e, 0000
3. ec, 3f, 00
4. ec3f00

となり、 #ec3f00 として扱われます (動作確認用リンク)。

<font color="#eca23fyellow" size="7">#eca23fyellow</font>
<span>#ec3f00</span>

span {
  display: block;
  color: #ec3f00;
  font-size: 48px;
}

---

参考:

• HTML Standard - § 2.4.6 Colors

Comments

[kyoya0819]

> color 属性のような、廃止された属性における値を解析するための規則は HTML Standard で定義されています。

「廃止」は廃止でも「HTML5で廃止された」ということを書いておいた方が良いと思われます。