diff --git a/snippets/shx-3d-render-input.liquid b/snippets/shx-3d-render-input.liquid
index 4f75ae3..fec51d1 100644
--- a/snippets/shx-3d-render-input.liquid
+++ b/snippets/shx-3d-render-input.liquid
@@ -170,9 +170,9 @@
                 <div id="${inputID}" class="shx-ifc-colorselect">
         `;
 
-        for(let i = 0; i < options.length; i++) {
+        for(let color in options) {
             html += `
-                        <input type="radio" id="${inputID}-${i}" form="product-form-${section_id}" name="properties[${inputName}]" value="HEX_${options[i]}" ${inputVal === options[i] ? 'checked' : ''}>
+                        <input type="radio" id="${inputID}-${i}" form="product-form-${section_id}" name="properties[${inputName}]" value="${options[color].name}" ${inputVal === color ? 'checked' : ''}>
                         <label for="${inputID}-${i}" style="background-color: ${options[i]};"></label>
                     
             `;