Backup diff of HSV vs current(No. 2)

• Backup list
• View the diff.
• View the diff for visual.
• View the source.
• View the backup.
• Go to HSV.
  • 1 (2013-04-30 (Tue) 16:18:19)
  • 2 (2013-09-22 (Sun) 01:30:39)
  • 3 (2014-11-14 (Fri) 19:05:57)
  • 4 (2015-07-02 (Thu) 01:28:45)
  • 5 (2017-05-22 (Mon) 01:28:29)
  • 6 (2018-12-08 (Sat) 23:25:48)
  • 7 (2024-03-01 (Fri) 01:42:01)
  • 8 (2024-03-01 (Fri) 15:42:47)

• The added line is THIS COLOR.
• The deleted line is THIS COLOR.

- [[HLS]] の別名
[[色空間>ColorSpace]] > [[HLS]]

- [[HSB]] とも呼ぶ

- HSLのかいせつ。
--  http://moon.gmobb.jp/renno/cgi/junk.cgi/paintgraphic2/rikutsu/hsl.htm
- ImageMagickでHSLとHSV色空間を理解する
--  http://smash.nobuto-murata.org/2009/12/imagemagickhslhsv.html

* 変換式 [#z91c128c]

- rgb2hsv
--  http://9ffb2529c70454bd41d0-3fb10b1a8c4ec78f5e672fbc3d967936.r30.cf2.rackcdn.com/rgb2hsv.html

 V = max(R,G,B)
 S = (V-min(R,G,B))/V if V<>0, 0 otherwise
 H =
  (G - B)/6/S, if V=R;
  1/2+(B - R)/6/S, if V=G;
  2/3+(R - G)/6/S, if V=B.


- [http://www.technotype.net/tutorial/tutorial.php?fileId=%7BImage%20processing%7D&sectionId=%7B-converting-between-rgb-and-hsv-color-space%7D Converting between RGB and HSV color space]

- https://qiita.com/keim_at_si/items/c2d1afd6443f3040e900
 // clamp( abs(fract(h+vec3(0,2,1)/3) * 6 - 3) - 1, 0, 1)
 return ((clamp(abs(fract(h+vec3(0,2,1)/3.)*6.-3.)-1.,0.,1.)-1.)*s+1.)*v;
- [http://jp.wgld.org/js4kintro/editor/#precision%20mediump%20float%3B%0Auniform%20float%20t%3B%20%2F%2F%20time%0Auniform%20vec2%20%20r%3B%20%2F%2F%20resolution%0A%0Avec3%20hsv(float%20h%2C%20float%20s%2C%20float%20v)%7B%0A%09vec4%20t%20%3D%20vec4(1.0%2C%202.0%20%2F%203.0%2C%201.0%20%2F%203.0%2C%203.0)%3B%0A%09vec3%20p%20%3D%20abs(fract(vec3(h)%20%2B%20t.xyz)%20*%206.0%20-%20vec3(t.w))%3B%0A%09return%20v%20*%20mix(vec3(t.x)%2C%20clamp(p%20-%20vec3(t.x)%2C%200.0%2C%201.0)%2C%20s)%3B%0A%7D%0Afloat%20func(float%20x)%7B%0A%09return%20(sin(x)%2B1.1)*0.5%3B%0A%7D%0Avec2%20conv(vec2%20p)%7B%0A%09return%20vec2(atan(p.y%2Cp.x)%2Bt%2Clength(p))%3B%0A%7D%0Avoid%20main(void)%7B%0A%09vec2%20p0%3D(gl_FragCoord.xy*2.0-r)%2Fr%3B%0A%09vec2%20p%20%3D%20conv(abs(p0))%3B%0A%09float%20h%3Dsin(p.x%2Bt)%3B%0A%09float%20s%3D0.3%3B%0A%09float%20v%3D0.0%3B%0A%09float%20r%3Dpow(fract(cos((t*0.11%2Bp.y)*2.0*sin(t*0.1%2Bp.x))%2Bsin(p0.y))%2Bsin(t*.06)%2C6.0)%3B%0A%09v%3Dmin(r%2C0.8)%3B%0A%09float%20v0%3Dpow(1.0-abs(p.y-func(p.x*10.0*sin(sin(t*0.01)*10.0))*0.5)%2C(sin(t*.5)%2B1.1)*12.0)%3B%0A%09s%2B%3Dv0*2.0%3B%0A%09v%2B%3Dv0%3B%0A%09gl_FragColor%20%3D%20vec4(hsv(h%2C%20s%2C%20v)%2C%201.0)%3B%0A%7D%0A http://jp.wgld.org/js4kintro/editor/#precision...]
 vec3 hsv(float h, float s, float v){
 	vec4 t = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
 	vec3 p = abs(fract(vec3(h) + t.xyz) * 6.0 - vec3(t.w));
 	return v * mix(vec3(t.x), clamp(p - vec3(t.x), 0.0, 1.0), s);
 }

- Color Channels
--  http://bersoft.com/bimagem/help/color_channels.htm ([https://web.archive.org/web/20210107112714/http://bersoft.com/bimagem/help/color_channels.htm 20210107])


* 関連 [#rel]


- [[色>color]]