javascript - RGB操作式

Question

私はHTML5キャンバスAPIを試し、カラー画像から白黒画像を作成するスクリプトを作成しました。

私が使用しているRGBからグレースケールへの式は次のとおりです。r * 0.2989 + g * 0.5870 + b * 0.1140

RGB値を介して画像を操作するための式を誰かが知っているかどうか知りたいです。

Answer 1

ここにあるいくつかの

// ADD
c = Math.min( 255, Math.max( 0, c0 + c1 ) )
// SUBTRACT
c = Math.max( 0, c0 - c1 )
// MULTIPLY
c = Math.floor( ( c1 * c0 ) / 0xff )
// SCREEN
c = 255 - Math.floor( ( 255 - c0 ) * ( 255 - c1 ) / 255 )
// LIGHTEN
c = c0 > c1 ? c0 : c1
// DARKEN
c = c0 < c1 ? c0 : c1
// DIFFERENCE
c = c0 > c1 ? c0 - c1 : c1 - c0
// INVERT ( no influence from c1 )
c = 255 - c0
// OVERLAY
c = c0 < 128 ? Math.floor( ( c1 * c0 ) / 127 ) : 255 - Math.ceil( ( 255 - c0 ) * ( 255 - c1 ) / 127 )
// HARDLIGHT
c = c1 < 128 ? Math.floor( ( c1 * c0 ) / 127 ) : 255 - Math.ceil( ( 255 - c0 ) * ( 255 - c1 ) / 127 )

ここで、c0とc1はカラーの10進値であり、cは出力値です。

Answer 2

画像を暗くする方法は次のとおりです。

 (r*0.5) + (g*0.5) + (b*0.5)

しきい値処理、カラー チャネルの交換、赤、緑、または青のカラー チャネルのみの表示、色の反転、コントラストと明るさなど、RGB カラーを操作する方法は他にもいくつかあります。これらのキーワードで Web を検索すると、画像の色を変更する別の方法を見つけることができます。この質問では、既存の色の濃淡または色合いを作成する方法について説明します。特に、リニア RGB とガンマ補正に関する注意事項に注意してください。