User Tools


Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Last revision Both sides next revision
design_guide_color [2018/04/28 09:17]
z3dev
design_guide_color [2018/04/28 10:30]
z3dev
Line 7: Line 7:
 <code javascript>​ <code javascript>​
 let a = color("​Red",​sphere()) let a = color("​Red",​sphere())
-let b = color([1,​0.5,​0.3],​sphere()) +let b = color([1, 0.5, 0.3],​sphere()) 
-let c = color([1,​0.5,​0.3],​sphere(10),​cube(20))+let c = color([1, 0.5, 0.3, 0.6],​sphere(10),​cube(20))
 </​code>​ </​code>​
  
Line 17: Line 17:
 <code javascript>​ <code javascript>​
 let a = object.setColor(css2rgb('​dodgerblue'​)) let a = object.setColor(css2rgb('​dodgerblue'​))
-sphere().setColor(1,​0.5,​0.3) +let b = sphere().setColor(1,​ 0.5, 0.3) 
-sphere().setColor([1,​0.5,​0.3,​0.7])+let c = sphere().setColor([1,​ 0.5, 0.3, 0.7])
 </​code>​ </​code>​
  
-The CSG library functions use RGB values between 0 and 1, not 0 and 255. +//Note: There are known issues with transparency, and depending on the order of colors, ​objects ​not seem transparent. ​Try different values or colors.//
- +
-Note: There are some Transparency_Sorting|OpenGL Transparency Limitationse.g. and depending on the order of colors, ​you might not see through otherwise partially ​transparent ​objects.+
  
 === Color Space Conversion === === Color Space Conversion ===
Line 30: Line 28:
  
 <code javascript>​ <code javascript>​
-let hsl = rgb2hsl(r,​g,​b);​ // or rgb2hsl([r,​g,​b]);​ 
-let rgb = hsl2rgb(h,​s,​l);​ // or hsl2rgb([h,​s,​l]);​ 
-let hsv = rgb2hsv(r,​g,​b);​ // or rgb2hsv([r,​g,​b]);​ 
-let rgb = hsv2rgb(h,​s,​v);​ // or hsv2rgb([h,​s,​v]);​ 
 let rgb = css2rgb('​navy'​) let rgb = css2rgb('​navy'​)
 +let rgb = html2rgb('#​RRGGBB'​)
 +
 +let rgb = hsl2rgb(h,​s,​l) // or hsl2rgb([h,​s,​l])
 +let rgb = hsv2rgb(h,​s,​v) // or hsv2rgb([h,​s,​v])
 +
 +let hsv = rgb2hsv(r,​g,​b) // or rgb2hsv([r,​g,​b])
 +let hsl = rgb2hsl(r,​g,​b) // or rgb2hsl([r,​g,​b])
 +let html = rgb2html(r,​g,​b)
 </​code>​ </​code>​
  
Line 42: Line 44:
   * h,s,v (hue, saturation, value)   * h,s,v (hue, saturation, value)
  
-See the http://​openjscad.org/#​examples/​slices/​tor.jscad Tor (multi-color) for an example.