火曜日, 7月 28, 2026

HTMLとCSSの様々な表現 27 
色名を直接記述できる標準的な140色の一覧を16進数順に乱立











超ローカル理由で色名を直接記述できる標準的な140色の一覧を16進数順に乱立する一覧を作成してみました。実は何だかんだで16進数と色名入力にダラダラと1年以上掛かってしまい、当初の目的は意味が無くなってしまいました(>_<)。
なお、特別なことはしていません。ベタな記述です。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>web color 140</title>
<style>
body {
background-color: black;
font-size: 14px;
color: white;
}
</style>
</head>
<body>
<center>
<h3>超ローカル理由で色名を直接記述できる標準的な140色の一覧を16進数順に乱立</h3>
<table width="1000px" border="1">
<tr>
<td width="200px" style="background-color:#000000; color:#ffffff;"> black<br>#000000</td>
<td width="200px" style="background-color:#000080; color:#ffffff;">navy<br>#000080</td>
<td width="200px" style="background-color:#00008b; color:#ffffff;">darkblue<br>#00008b</td>
<td width="200px" style="background-color:#0000cd; color:#ffffff;">mediumblue<br>#0000cd</td>
<td width="200px" style="background-color:#0000ff; color:#ffffff;">
blue<br>#0000ff</td>
</tr>
<tr>
<td style="background-color:#006400; color:#ffffff;">darkgreen<br>#006400</td>
<td style="background-color:#008000; color:#ffffff;">green<br>#008000</td>
<td style="background-color:#008080; color:#ffffff;">teal<br>#008080</td>
<td style="background-color:#008b8b; color:#ffffff;">darkcyan<br>#008b8b</td>
<td style="background-color:#00bfff; color:#ffffff;">deepskyblue<br>#00bfff</td>
</tr>
<tr>
<td style="background-color:#00ced1; color:#ffffff;">darkturquoise<br>#00ced1</td>
<td style="background-color:#00fa9a; color:#333333;">mediumspringgreen<br>#00fa9a</td>
<td style="background-color:#00ff00; color:#333333;">lime<br>#00ff00</td>
<td style="background-color:#00ff7f; color:#333333;">springgreen<br>#00ff7f</td>
<td style="background-color:#00ffff; color:#333333;">cyan<br>#00ffff</td>
</tr>
<tr>
<td style="background-color:#00ffff; color:#333333;">aqua<br>#00ffff</td>
<td style="background-color:#191970; color:#ffffff;">midnightblue<br>#191970</td>
<td style="background-color:#1e90ff; color:#ffffff;">dodgerblue<br>#1e90ff</td>
<td style="background-color:#20b2aa; color:#ffffff;">lightseagreen<br>#20b2aa</td>
<td style="background-color:#228b22; color:#ffffff;">forestgreen<br>#228b22</td>
</tr>
<tr>
<td style="background-color:#2e8b57; color:#ffffff;">seagreen<br>#2e8b57</td>
<td style="background-color:#2f4f4f; color:#ffffff;">darkslategray<br>#2f4f4f</td>
<td style="background-color:#32cd32; color:#ffffff;">limegreen<br>#32cd32</td>
<td style="background-color:#3cb371; color:#ffffff;">mediumseagreen<br>#3cb371</td>
<td style="background-color:#40e0d0; color:#333333;">turquoise<br>#40e0d0</td>
</tr>
<tr>
<td style="background-color:#4169e1; color:#ffffff;">royalblue<br>#4169e1</td>
<td style="background-color:#4682b4; color:#ffffff;">steelblue<br>#4682b4</td>
<td style="background-color:#483d8b; color:#ffffff;">darkslateblue<br>#483d8b</td>
<td style="background-color:#48d1cc; color:#ffffff;">mediumturquoise<br>#48d1cc</td>
<td style="background-color:#4b0082; color:#ffffff;">indigo<br>#4b0082</td>
</tr>
<tr>
<td style="background-color:#556b2f; color:#ffffff;">darkolivegreen<br>#556b2f</td>
<td style="background-color:#5f9ea0; color:#ffffff;">cadetblue<br>#5f9ea0</td>
<td style="background-color:#6495ed; color:#ffffff;">cornflowerblue<br>#6495ed</td>
<td style="background-color:#66cdaa; color:#ffffff;">mediumaquamarine<br>#66cdaa</td>
<td style="background-color:#696969; color:#ffffff;">dimgray<br>#696969</td>
</tr>
<tr>
<td style="background-color:#6a5acd; color:#ffffff;">slateblue<br>#6a5acd</td>
<td style="background-color:#6b8e23; color:#ffffff;">olivedrab<br>#6b8e23</td>
<td style="background-color:#708090; color:#ffffff;">slategray<br>#708090</td>
<td style="background-color:#778899; color:#ffffff;">lightslategray<br>#778899</td>
<td style="background-color:#7b68ee; color:#ffffff;">mediumslateblue<br>#7b68ee</td>
</tr>
<tr>
<td style="background-color:#7cfc00; color:#333333;">lawngreen<br>#7cfc00</td>
<td style="background-color:#7fff00; color:#333333;">chartreuse<br>#7fff00</td>
<td style="background-color:#7fffd4; color:#333333;">aquamarine<br>#7fffd4</td>
<td style="background-color:#800000; color:#ffffff;">maroon<br>#800000</td>
<td style="background-color:#800080; color:#ffffff;">purple<br>#800080</td>
</tr>
<tr>
<td style="background-color:#808000; color:#ffffff;">olive<br>#808000</td>
<td style="background-color:#808080; color:#ffffff;">gray<br>#808080</td>
<td style="background-color:#87ceeb; color:#333333;">skyblue<br>#87ceeb</td>
<td style="background-color:#87cefa; color:#333333;">lightskyblue<br>#87cefa</td>
<td style="background-color:#8a2be2; color:#ffffff;">blueviolet<br>#8a2be2</td>
</tr>
<tr>
<td style="background-color:#8b0000; color:#ffffff;">darkred<br>#8b0000</td>
<td style="background-color:#8b008b; color:#ffffff;">darkmagenta<br>#8b008b</td>
<td style="background-color:#8b4513; color:#ffffff;">saddlebrown<br>#8b4513</td>
<td style="background-color:#8fbc8f; color:#ffffff;">darkseagreen<br>#8fbc8f</td>
<td style="background-color:#90ee90; color:#333333;">lightgreen<br>#90ee90</td>
</tr>
<tr>
<td style="background-color:#9370db; color:#ffffff;">mediumpurple<br>#9370db</td>
<td style="background-color:#9400d3; color:#ffffff;">darkviolet<br>#9400d3</td>
<td style="background-color:#98fb98; color:#333333;">palegreen<br>#98fb98</td>
<td style="background-color:#9932cc; color:#ffffff;">darkorchid<br>#9932cc</td>
<td style="background-color:#9acd32; color:#ffffff;">yellowgreen<br>#9acd32</td>
</tr>
<tr>
<td style="background-color:#a0522d; color:#ffffff;">sienna<br>#a0522d</td>
<td style="background-color:#a52a2a; color:#ffffff;">brown<br>#a52a2a</td>
<td style="background-color:#a9a9a9; color:#ffffff;">darkgray<br>#a9a9a9</td>
<td style="background-color:#add8e6; color:#333333;">lightblue<br>#add8e6</td>
<td style="background-color:#adff2f; color:#333333;">greenyellow<br>#adff2f</td>
</tr>
<tr>
<td style="background-color:#afeeee; color:#333333;">paleturquoise<br>#afeeee</td>
<td style="background-color:#b0c4de; color:#333333;">lightsteelblue<br>#b0c4de</td>
<td style="background-color:#b0e0e6; color:#333333;">powderblue<br>#b0e0e6</td>
<td style="background-color:#b22222; color:#ffffff;">firebrick<br>#b22222</td>
<td style="background-color:#b8860b; color:#ffffff;">darkgoldenrod<br>#b8860b</td>
</tr>
<tr>
<td style="background-color:#ba55d3; color:#ffffff;">mediumorchid<br>#ba55d3</td>
<td style="background-color:#bc8f8f; color:#ffffff;">rosybrown<br>#bc8f8f</td>
<td style="background-color:#bdb76b; color:#ffffff;">darkkhaki<br>#bdb76b</td>
<td style="background-color:#c0c0c0; color:#333333;">silver<br>#c0c0c0</td>
<td style="background-color:#c71585; color:#ffffff;">mediumvioletred<br>#c71585</td>
</tr>
<tr>
<td style="background-color:#cd5c5c; color:#ffffff;">indianred<br>#cd5c5c</td>
<td style="background-color:#cd853f; color:#ffffff;">peru<br>#cd853f</td>
<td style="background-color:#d2691e; color:#ffffff;">chocolate<br>#d2691e</td>
<td style="background-color:#d2b48c; color:#ffffff;">tan<br>#d2b48c</td>
<td style="background-color:#d3d3d3; color:#333333;">lightgray<br>#d3d3d3</td>
</tr>
<tr>
<td style="background-color:#d8bfd8; color:#333333;">thistle<br>#d8bfd8</td>
<td style="background-color:#da70d6; color:#ffffff;">orchid<br>#da70d6</td>
<td style="background-color:#daa520; color:#ffffff;">goldenrod<br>#daa520</td>
<td style="background-color:#db7093; color:#ffffff;">palevioletred<br>#db7093</td>
<td style="background-color:#dc143c; color:#ffffff;">crimson<br>#dc143c</td>
</tr>
<tr>
<td style="background-color:#dcdcdc; color:#333333;">gainsboro<br>#dcdcdc</td>
<td style="background-color:#dda0dd; color:#ffffff;">plum<br>#dda0dd</td>
<td style="background-color:#deb887; color:#ffffff;">burlywood<br>#deb887</td>
<td style="background-color:#e0ffff; color:#333333;">lightcyan<br>#e0ffff</td>
<td style="background-color:#e6e6fa; color:#333333;">lavender<br>#e6e6fa</td>
</tr>
<tr>
<td style="background-color:#e9967a; color:#ffffff;">darksalmon<br>#e9967a</td>
<td style="background-color:#ee82ee; color:#ffffff;">violet<br>#ee82ee</td>
<td style="background-color:#eee8aa; color:#333333;">palegoldenrod<br>#eee8aa</td>
<td style="background-color:#f08080; color:#ffffff;">lightcoral<br>#f08080</td>
<td style="background-color:#f0e68c; color:#333333;">khaki<br>#f0e68c</td>
</tr>
<tr>
<td style="background-color:#f0f8ff; color:#333333;">aliceblue<br>#f0f8ff</td>
<td style="background-color:#f0fff0; color:#333333;">honeydew<br>#f0fff0</td>
<td style="background-color:#f0ffff; color:#333333;">azure<br>#f0ffff</td>
<td style="background-color:#f4a460; color:#ffffff;">sandybrown<br>#f4a460</td>
<td style="background-color:#f5deb3; color:#333333;">wheat<br>#f5deb3</td>
</tr>
<tr>
<td style="background-color:#f5f5dc; color:#333333;">beige<br>#f5f5dc</td>
<td style="background-color:#f5f5f5; color:#333333;">whitesmoke<br>#f5f5f5</td>
<td style="background-color:#f5fffa; color:#333333;">mintcream<br>#f5fffa</td>
<td style="background-color:#f8f8ff; color:#333333;">ghostwhite<br>#f8f8ff</td>
<td style="background-color:#fa8072; color:#ffffff;">salmon<br>#fa8072</td>
</tr>
<tr>
<td style="background-color:#faebd7; color:#333333;">antiquewhite<br>#faebd7</td>
<td style="background-color:#faf0e6; color:#333333;">linen<br>#faf0e6</td>
<td style="background-color:#fafad2; color:#333333;">lightgoldenrodyellow<br>#fafad2</td>
<td style="background-color:#fdf5e6; color:#333333;">oldlace<br>#fdf5e6</td>
<td style="background-color:#ff0000; color:#ffffff;">red<br>#ff0000</td>
</tr>
<tr>
<td style="background-color:#ff00ff; color:#ffffff;">magenta<br>#ff00ff</td>
<td style="background-color:#ff00ff; color:#ffffff;">fuchsia<br>#ff00ff</td>
<td style="background-color:#ff1493; color:#ffffff;">deeppink<br>#ff1493</td>
<td style="background-color:#ff4500; color:#ffffff;">orangered<br>#ff4500</td>
<td style="background-color:#ff6347; color:#ffffff;">tomato<br>#ff6347</td>
</tr>
<tr>
<td style="background-color:#ff69b4; color:#ffffff;">hotpink<br>#ff69b4</td>
<td style="background-color:#ff7f50; color:#ffffff;">coral<br>#ff7f50</td>
<td style="background-color:#ff8c00; color:#ffffff;">darkorange<br>#ff8c00</td>
<td style="background-color:#ffa07a; color:#ffffff;">lightsalmon<br>#ffa07a</td>
<td style="background-color:#ffa500; color:#ffffff;">orange<br>#ffa500</td>
</tr>
<tr>
<td style="background-color:#ffb6c1; color:#333333;">lightpink<br>#ffb6c1</td>
<td style="background-color:#ffc0cb; color:#333333;">pink<br>#ffc0cb</td>
<td style="background-color:#ffd700; color:#333333;">gold<br>#ffd700</td>
<td style="background-color:#ffdab9; color:#333333;">peachpuff<br>#ffdab9</td>
<td style="background-color:#ffdead; color:#333333;">navajowhite<br>#ffdead</td>
</tr>
<tr>
<td style="background-color:#ffe4b5; color:#333333;">moccasin<br>#ffe4b5</td>
<td style="background-color:#ffe4c4; color:#333333;">bisque<br>#ffe4c4</td>
<td style="background-color:#ffe4e1; color:#333333;">mistyrose<br>#ffe4e1</td>
<td style="background-color:#ffebcd; color:#333333;">blanchedalmond<br>#ffebcd</td>
<td style="background-color:#ffefd5; color:#333333;">papayawhip<br>#ffefd5</td>
</tr>
<tr>
<td style="background-color:#fff0f5; color:#333333;">lavenderblush<br>#fff0f5</td>
<td style="background-color:#fff5ee; color:#333333;">seashell<br>#fff5ee</td>
<td style="background-color:#fff8dc; color:#333333;">cornsilk<br>#fff8dc</td>
<td style="background-color:#fffacd; color:#333333;">lemonchiffon<br>#fffacd</td>
<td style="background-color:#fffaf0; color:#333333;">floralwhite<br>#fffaf0</td>
</tr>
<tr>
<td style="background-color:#fffafa; color:#333333;">snow<br>#fffafa</td>
<td style="background-color:#ffff00; color:#333333;">yellow<br>#ffff00</td>
<td style="background-color:#ffffe0; color:#333333;">lightyellow<br>#ffffe0</td>
<td style="background-color:#fffff0; color:#333333;">ivory<br>#fffff0</td>
<td style="background-color:#ffffff; color:#333333;">white<br>#ffffff</td>
</tr>
</table>
</center>
</body>
</html>

表示するとこんな感じです。

TCDW8841 
恐怖の空間を体験しました

Cute Baby Alien 052(^o^)
若葉の妖精の幼児系・・・。
風刺漫画のように、地下鉄構内で周りが全て猫背でスマホを操作している人だらけ〜という恐怖の空間を体験しました。怖かったです。

月曜日, 7月 27, 2026

グリーンの色が一般と業界で かなり違う

グリーンの色が一般と業界で、かなり違う事が気になって居ます。

発端はクレヨンの色

ところがRGBだとこうなります

ところがCMYKは、こんな感じ

HTMLはクレヨンと同じ感じ・・・
そもそもRGB以外のgreenはdarkgreenなのに、RGBのgreenはどう考えてもgreenyellowですよね〜。気にすると眠れなくなるので忘れることにします。(^o^)汗

TCDW8840 
ちなみに現状JR東日本では非対応です

改札でクレジットカードを改札機に差し込めずにぶち切れている人に遭遇。高齢者でもないのにカードはタッチ決済だと知らなかったみたい。ちなみに現状JR東日本では非対応です。

 

日曜日, 7月 26, 2026

Modeling in Fusion 12 
M42アダプター作成(3)

昨日の補足です。

Modeling in Fusion 11 M42アダプター作成(2) 2026/07/25
Modeling in Fusion 10 M42アダプター作成 2026/07/24

サイズ調整が済んだので、ローレットを作成し手完成とします。まずスケッチで48mm径の縁を作成し・・・

そのまま続けて適当な図形(※)を作図します。

※ここでは台形としましたが円などでもOKです。

作図した図形を選択し[作成]>[円形状パターン]を選び・・・

図形を回転コピーするための中心点を指定し・・・

好みの数を入力して確定し・・・

押し出しすれば完了です。

位置を調整し、穴を開ければ賛成です。

Fusion 2702.1.58 arm64

TCDW8839 
既に滅びの方向に向かっている気がして

2年続けて梨を大量に盗まれた農家の話に憤りを隠せません。真面目にコツコツと働く人が報われなくなれば、国は滅びますね。既に滅びの方向に向かっている気がして悲しいです。

土曜日, 7月 25, 2026

Modeling in Fusion 11 
M42アダプター作成(2)

昨日の補足です。

Modeling in Fusion 10 M42アダプター作成 2026/07/24

雄ネジ部分(起点)と雌ネジ部分(Y軸のみ-75mm)を位置をズラして作成します。

雄ネジを[修正]>[尺度]にて、Y軸とX軸のみ0.99縮小します。

雌ネジを[修正]>[尺度]にて、Y軸とX軸のみ1.01%拡大します。


雌ネジのY軸を75mm、Z軸をmm移動させ・・・

最後にねじ切り底面を選択して、38mm径でマイナス方向に25mmほど押し出し後にエッジ部分を面取りをすれば完成です。

なお、標準処理版と調整処理版、そして市販品との関係は以下の様になりました。難しいですね。

市販品&市販品:(◎)雄ネジ側も、雌ネジ側も全く問題なし
市販品&標準板:(△)雄ネジ側は利用可能、雌ネジ側は硬くて使えない
市販品&調整板:(○)雄ネジ側も、雌ネジ側も利用可能
標準板&標準板:(×)雄ネジ側も、雌ネジ側も硬くて使えない
調整板&調整板:(×)雄ネジ側も、雌ネジ側も緩くて使えない
標準板&調整板:(○)雄ネジ側も、雌ネジ側も利用可能

0.995や1.009の設定が出来ればいいのですが、
標準で作成してから2倍に拡大後、 0.99、1.01に調整してから全体を50%に縮小すれば問題解決できそうですね。で、その後の実験で、雌ネジ側は1.01、雄ネジ側は1.00で問題解決しました。

ということでローレットを追加して明日完成させます。

Fusion 2702.1.58 arm64

TCDW8838 
猛暑で脳内崩壊寸前

猛暑で脳内崩壊寸前。ダラダラ歩いていたら市街地の交差点で一時停止ラインを無視して、ノンストップで目の前を通過したG○タクシーに遭遇。NOタクシーに改名すれば?

金曜日, 7月 24, 2026

Modeling in Fusion 10 
M42アダプター作成

カメラ用のアダプター作成の実験としてM42アダプターを作成してみました。

作りたいアダプターはこんな感じです。

まずスケッチで直径42mmの円を作成し・・・

5mm押し出します。

ここで[作成]>[ねじ]で以下の設定で、ねじ切りをします。

ねじのタイプ:ISOメートルプロファイル
サイズ:42.0mm
表示記号:M42x1

次に、ねじ切りした円柱の天面を選択してスケッチモードに入り,直径46mmの円を20mm押し出します。

こんな感じです。ここで・・・

[作成]>[穴]で・・・

穴の深さ:5mm
ねじのタイプ:ISOメートルプロファイル
サイズ:42.0mm
表示記号:M42x1

穴のタイプ:単純
ねじ穴のタイプ:ねじ穴
ねじのオフセット:完全
先端角度:フラット

これで内側のねじ切りが完成です。

最後にねじ切り底面を選択して、38mm径でマイナス方向に25mmほど押し出しすれば・・・

穴が空いて完成です。もし、このままだとねじ込み(雄ネジ側)がきつい場合は・・・

雄ネジ編集に戻り・・・

[修正]>[尺度]にて・・・

Y軸とX軸のみ0.99程度縮小させれば・・・

完成ですが、内側ネジのサイズ調整も必要でした。ということで補足は明日アップします。

Fusion 2702.1.58 arm64