# Colors appear drastically different between 3D and 2D

**URL:** <https://community.cesium.com/t/colors-appear-drastically-different-between-3d-and-2d/7070>\
**Category:** CesiumJS\
**Created:** [June 22, 2018, 2:23pm UTC](https://community.cesium.com/t/colors-appear-drastically-different-between-3d-and-2d/7070 "2018-06-22T14:23:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jerrold\_Stoy](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/jerrold_stoy/32/3777_2.png) [@Jerrold\_Stoy](https://community.cesium.com/u/Jerrold_Stoy)\
**Post date:** [June 22, 2018, 2:23pm UTC](https://community.cesium.com/t/colors-appear-drastically-different-between-3d-and-2d/7070/1 "2018-06-22T14:23:10Z")

</div>

**1. A concise explanation of the problem you’re experiencing.**

Colors appear to be very different for the same geometry in 3D and 2D

**2. A minimal code example. If you’ve found a bug, this helps us reproduce and repair it.**

var color = null;

var feature = null;

var geometry = null;

var polygon = null;

var scene = null;

var viewer = null;

viewer = new Cesium.Viewer(‘cesiumContainer’);

scene = viewer.scene;

color = Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.WHITE);

polygon = new Cesium.PolygonGeometry.fromPositions({

perPositionHeight: true,

positions: Cesium.Cartesian3.fromDegreesArrayHeights([

-94.0, 37.0, 50000,

-87.0, 37.0, 10000,

-87.0, 32.0, 15000,

-94.0, 32.0, 10000

]),

vertexFormat: Cesium.PerInstanceColorAppearance.VERTEX\_FORMAT

});

geometry = new Cesium.GeometryInstance({

attributes: {

color: color

},

geometry:polygon

});

feature = new Cesium.Primitive({

geometryInstances: geometry,

appearance: new Cesium.PerInstanceColorAppearance()

});

scene.primitives.add(feature);

**3. Context. Why do you need to do this? We might know a better way to accomplish your goal.**

While in 2D polygon items are not as noticeable as the are in 3D

**4. The Cesium version you’re using, your operating system and browser.**

O.S. Windows 7, Browser: Chrome 66.0.3359.181

Attached are screen shots showing the different Scene Modes

 ![2D.gif](https://global.discourse-cdn.com/cesium/original/1X/8bd9206dba8050bee811c39bf307de60fc2d4736.gif)

 ![3D.gif](https://global.discourse-cdn.com/cesium/original/1X/d0180f5de21b2a9069c9e0715d3b3a3e6a44f6ab.gif)

---

<div class="post-metadata">

**Author:** ![Jerrold\_Stoy](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/jerrold_stoy/32/3777_2.png) [@Jerrold\_Stoy](https://community.cesium.com/u/Jerrold_Stoy)\
**Post date:** [June 22, 2018, 2:34pm UTC](https://community.cesium.com/t/colors-appear-drastically-different-between-3d-and-2d/7070/2 "2018-06-22T14:34:02Z")

</div>

Sorry forgot to specify Cesium version. This appears in Cesium 1.46, but I do not think it is limited to 1.46. The problem was reported to my team on Cesium 1.42.

---

<div class="post-metadata">

**Author:** ![sean\_lilley](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/sean_lilley/32/2083_2.png) [@sean\_lilley](https://community.cesium.com/u/sean_lilley)\
**Post date:** [June 23, 2018, 6:17pm UTC](https://community.cesium.com/t/colors-appear-drastically-different-between-3d-and-2d/7070/3 "2018-06-23T18:17:08Z")

</div>

I believe this is the same issue as [https://github.com/AnalyticalGraphicsInc/cesium/issues/1825](https://github.com/AnalyticalGraphicsInc/cesium/issues/1825).