問題タブ [rgba]

重複の可能性:
jQuery + RGBA カラー アニメーション

おい、

ホバー時に rgba 値の不透明度を変更したいのですが、不透明度が .07 のままです。間違いを見つけるのに役立つかもしれません。

CSS (IE ハックは別のファイルにあります - ここで言及する必要はありません)

JS

次のCSSスタイルを使用しようとしています。彼らはie7を含むほとんどのブラウザで動作しています。ただし、ie8では、透明な背景が表示されず、代わりに、フォールバックカラーとして設定したままにしておきたい背景色を取得します。

背景色をnoneに設定するIEスタイルシートに頼ることなく、これを機能させたいと思います。これは可能ですか？

誰かがそれを修正する方法を知っていますか？

私はいくつかの手動 (ウォーク ザ ピクセル) 画像処理で遊んでおり、標準の「オーバーレイ」ブレンドを再作成しています。ここで「Photoshop math」マクロを見ています。

http://www.nathanm.com/photoshop-blending-math/ (オーバーレイの読みやすいバージョンについては、こちらも参照してください)

どちらのソース イメージも、宛先と同様に、かなり標準的な RGBA (各 8 ビット) 形式です。両方のイメージが完全に不透明 (アルファが 1.0) の場合、結果は期待どおりに正しくブレンドされます。

しかし、私の「ブレンド」レイヤー（上の画像）に透明度がある場合、そのアルファをブレンド方程式に正しく組み込む方法について少し混乱しています。ブレンドレイヤーの透明ピクセルが結果に影響を与えないように、ブレンドレイヤーの不透明ピクセルが通常どおりオーバーレイブレンドを行い、半透明のブレンドレイヤーピクセルが結果に何らかのスケーリング効果を持つように動作することを期待しています。

誰かがブレンド方程式またはこれを行う背後にある概念を説明できますか?

結果の画像が正しく事前乗算されたアルファを持つように私がそれを行うのを手伝ってくれればボーナスポイントです（これは両方のレイヤーで不透明でないピクセルに対してのみ作用すると思います。）

ありがとう！

RGBA 色空間で 2 つの色の類似性を計算する方法は? （もちろん背景色は不明です）

画像内の各ピクセルに最適なパレット エントリを見つけて、RGBA 画像を RGBA 色のパレットに再マッピングする必要があります*。

RGB 色空間では、最も類似した色は、最小のユークリッド距離を持つ色であると見なすことができます。ただし、このアプローチは RGBA では機能しません。たとえば、 から へのユークリッド距離は からrgba(0,0,0,0)よりrgba(0,0,0,50%)も小さいですrgba(100%,100%,100%,1%)が、後者の方がはるかに優れています。

事前に乗算された RGBA 色空間を使用しています。

そして、私はこの式を試しました（編集： より良い式については、以下の回答を参照してください）：

しかし、それは最適に見えません— 半透明のグラデーションを持つ画像では、不連続性/鋭いエッジを引き起こす間違った色を見つけます. 不透明な色とアルファの間の直線的な比率は怪しいように見えます。

最適な式は何ですか？

*) この質問を簡単にするために、誤差拡散、ガンマ、心理視覚色空間は無視しています。

少し関連しています。この非ユークリッド RGBA 空間で最も近い色を見つけたい場合は、vp ツリーが最適です。

rgba の背景をすべてのブラウザーで動作させたいと考えています。いくつか検索したところ、一般的に次の 3 種類のブラウザがあることがわかりました。

1) rgba をサポートするブラウザー。

2) 奇妙な '-ms-filter' を介して rgba をサポートする Internet Explorer。

3) rgba をサポートしていないブラウザーですが、「データ URI スキーム」で base64 png 画像を使用できました。(ブラウザーが URI スキームをサポートしていない場合でも、これによれば実行できます。)

rgba をサポートするブラウザーに問題はなく、IE で動作させることもできますが、問題は、URI スキーム用にクライアント側の base64 png 画像を生成する方法がわからないことです。私のrgba値は一定ではないため、pngファイルを事前に生成したくありません。php gd ライブラリを使用して動的な png 生成を行うこともできますが、これをすべてクライアント側で行いたいと思っています。だから私は知りたいのですが、Javaスクリプトで半透明のpng画像を生成するための良い方法はありますか. この後、base64 でエンコードして URI スキームで使用できますか?

ありがとうございました。

編集：

コンテンツを完全に表示しながら、div の背景を半透明にしたい。

Cocoa フレームワーク* を使用して、RGBA パレット (パレット エントリあたり 32 ビット) を使用するパレット PNG 画像 (ピクセルあたり 8 ビット)を作成しようとしています。

[NSBitmapImageRep initWithBitmapDataPlanes:…]メソッドの組み合わせをいくつか試しました。に適したビットマップを作成しているようですbitsPerSample:2 bitsPerPixel:8。

ただし、そのようなビットマップを書き込もうとすると、次のよう[NSBitmapImageRep representationUsingType:NSPNGFileType…]になります。

他のビット深度を試すと、1 ピクセルあたり 32 ビット (パレットなし) の画像が得られます。

*) を使用できることはわかっていますlibpngが、それは私が探している答えではありません。

私は次のようなRGBA色を持っています

255、0、0、100

RGBを白い背景に配置した場合、どうすればRGBを取得できますか？例えば。この赤はより明るくなり、より似たものになります

255、100、100

そして、それが黒い背景に置かれた場合も同じです。

これは十分に意味がありますか？

できればc++

LESScss はすべての rgba 色を 16 進数値に変換しますか?

以前に定義した色変数を渡すことができる mixin、たとえば .color を作成しようとしていますが、それを rgba にしたいと考えています。

これは機能しませんが、アイデアは次のとおりです。

どこ@colorvariableにあるでしょう、@blue: rgb(17,55,76);または@green: rgb(125,188,83);など。

.bgcolorこれらの変数の束を定義してから、それらをor .colormixinに渡し、その場でアルファ透明度を変更できるようにしたいと考えています。

これは可能だと思いますが、何かが欠けています。-現在、入力内容に関係なく、コードは 16 進カラー値のみを出力します。- @alpha 値 1 を渡すと、16 進カラー値が出力されます。@alpha 値が 1 未満の場合にのみ、ブラウザーに rgba 値を強制的に表示させます。それで解決です。

さて、事前定義された変数とは別に、rgb とパーツを渡すにはどうすればよいでしょうか?

不透明度のある赤色の RGBA コードを探しています: 誰か教えてもらえますか? (または、RGBA 色の詳細についてはどこで学べますか? ありがとうございます。