7
CSSフィルターのみを使用して黒を特定の色に変換する方法
私の質問は：ターゲットRGBカラーが与えられた場合、CSSフィルター#000のみを使用して黒（）をそのカラーに再調整する式は何ですかですか？ 回答を受け入れるには、ターゲットの色を引数として受け入れ、対応するCSS filter文字列を返す関数を（任意の言語で）提供する必要があります。 このコンテキストは、内のSVGの色を変更する必要があることbackground-imageです。この場合、KaTeXで特定のTeX数学機能をサポートすることです：https : //github.com/Khan/KaTeX/issues/587。 例 ターゲットの色が#ffff00（黄色）の場合、正しい解決策は次のとおりです。 filter: invert(100%) sepia() saturate(10000%) hue-rotate(0deg) （デモ） 非目標 アニメーション。 非CSSフィルターソリューション。 黒以外の色から始めます。 黒以外の色に何が起こるかを気にします。 これまでの結果 固定フィルターリストのパラメーターの総当たり検索：https ://stackoverflow.com/a/43959856/181228短所：非効率的、16,777,216の可能な色の一部のみを生成します（676,248とhueRotateStep=1）。 SPSAを使用したより高速な検索ソリューション：https : //stackoverflow.com/a/43960991/181228 賞金を獲得 drop-shadow解決策： https://stackoverflow.com/a/43959853/181228 短所：んがエッジ上では動作しませ。filterCSS以外の変更とマイナーなHTMLの変更が必要です。 ブルートフォース以外のソリューションを送信することで、引き続き承認済みの回答を得ることができます！ 資源 どのようにhue-rotateしてsepia計算されます。 https://stackoverflow.com/a/29521147/181228 例Rubyの実装： LUM_R = 0.2126; LUM_G = 0.7152; LUM_B = 0.0722 HUE_R = 0.1430; HUE_G = 0.1400; HUE_B …