diff --git a/components/modal.vue b/components/modal.vue
index 5616d4f..ae024d9 100644
--- a/components/modal.vue
+++ b/components/modal.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { getColorHexFromRal, getColorNameFromRal } from '@/components/ral'
 const config = useRuntimeConfig()
 const apiBase = config.public.apiBase
 
@@ -102,10 +103,13 @@ const submit = (e: any) => {
                         Секций: {{ section_count }}
                     </div>
                     <div>
-                        Цвет столба: {{ pillar_color }}
+                        Цвет столба:
+                        <input id="pillar_color" :value="getColorNameFromRal(pillar_color)" />
+                       
                     </div>
                     <div>
-                        Цвет ламелей: {{ lamelle_color }}
+                        Цвет ламелей:
+                        <input id="lamelle_color" :value="getColorNameFromRal(lamelle_color)" />
                     </div>
                 </div>
                 <div class="flex gap-4">