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
design_guide_color [2018/04/28 09:17]
z3dev
design_guide_color [2018/06/12 14:27]
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 may not seem transparent. ​Try different '​alpha'​ 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.