ColorConverter.js 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. ( function () {
  2. const _hsl = {};
  3. class ColorConverter {
  4. static setHSV( color, h, s, v ) {
  5. // https://gist.github.com/xpansive/1337890#file-index-js
  6. h = THREE.MathUtils.euclideanModulo( h, 1 );
  7. s = THREE.MathUtils.clamp( s, 0, 1 );
  8. v = THREE.MathUtils.clamp( v, 0, 1 );
  9. return color.setHSL( h, s * v / ( ( h = ( 2 - s ) * v ) < 1 ? h : 2 - h ), h * 0.5 );
  10. }
  11. static getHSV( color, target ) {
  12. color.getHSL( _hsl ); // based on https://gist.github.com/xpansive/1337890#file-index-js
  13. _hsl.s *= _hsl.l < 0.5 ? _hsl.l : 1 - _hsl.l;
  14. target.h = _hsl.h;
  15. target.s = 2 * _hsl.s / ( _hsl.l + _hsl.s );
  16. target.v = _hsl.l + _hsl.s;
  17. return target;
  18. } // where c, m, y, k is between 0 and 1
  19. static setCMYK( color, c, m, y, k ) {
  20. const r = ( 1 - c ) * ( 1 - k );
  21. const g = ( 1 - m ) * ( 1 - k );
  22. const b = ( 1 - y ) * ( 1 - k );
  23. return color.setRGB( r, g, b );
  24. }
  25. static getCMYK( color, target ) {
  26. const r = color.r;
  27. const g = color.g;
  28. const b = color.b;
  29. const k = 1 - Math.max( r, g, b );
  30. const c = ( 1 - r - k ) / ( 1 - k );
  31. const m = ( 1 - g - k ) / ( 1 - k );
  32. const y = ( 1 - b - k ) / ( 1 - k );
  33. target.c = c;
  34. target.m = m;
  35. target.y = y;
  36. target.k = k;
  37. return target;
  38. }
  39. }
  40. THREE.ColorConverter = ColorConverter;
  41. } )();