ホームページ >ウェブフロントエンド >CSSチュートリアル >最小限の透明度で白を介して RGB を RGBA に変換する方法
白を介して RGB を RGBA に変換する: 直感的なアプローチ
白の背景上で視覚的な忠実性を維持しながら、RGB カラーを RGBA カラーに変換します。難しい作業になる可能性があります。ただし、この変換の背後にあるアルゴリズムを理解すると、プロセスを簡素化できます。
提供されたソリューションによると、主な目標は、色が白い背景と区別できるようにしながら、透明度を最小限に抑えることです。これは、最小の RGB コンポーネントを特定し、それを使用してアルファ値を計算することで実現されます。
アルゴリズムは、RGB の組み合わせで最も暗い色合いを表す最小のカラー コンポーネントを特定することから始まります。次に、この値が各 RGB コンポーネントから減算され、元の色のより明るいバージョンが効果的に作成されます。
次に、結果のカラー コンポーネントが前に計算されたアルファ値で除算されます。このスケーリングにより、白の上の色の知覚強度が元の RGB 値と確実に一致します。
たとえば、RGB 値が (152, 177, 202) の場合、アルファ値は (255 - 152) になります。 / 255 ≈ 0.404。その後、スケーリングされた色成分は次のようになります。
したがって、rgb(152, 177, 202) は rgba(0, 62, 123, 0.404) に変換され、次のように表示されます。透明度を下げた白地に同じ色。 Photoshop の検証により、このアルゴリズムの色の精度が確認されます。
以上が最小限の透明度で白を介して RGB を RGBA に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。