Konfiguratory 3D Problem i rozwiązanie
Kolor RAL w konfiguratorze 3D wygląda inaczej niż na blasze - dlaczego i jak to poprawić
W skrócie
- Objaw: klient wybiera w konfiguratorze np. grafit albo brąz, a blacha na placu lub po montażu wydaje mu się jaśniejsza, ciemniejsza albo w innym odcieniu.
- Przyczyna: numer RAL nie ma jednej wartości „ekranowej”, a kolor w konfiguratorze zmieniają przyjęte wartości sRGB, światło i mapowanie tonów w scenie, połysk i faktura powłoki oraz ekran klienta.
- Rozwiązanie: wartości sRGB dobrane do własnych próbek blach, neutralne światło i poprawne zarządzanie kolorem, chropowatość materiału zgodna z powłoką, dopisek o kolorze poglądowym i próbnik przed zamówieniem.
Nie masz czasu? Zrobimy to za Ciebie - Konfigurator 3D na stronę od 3 500 zł netto
Jak wygląda ten problem u producenta?
Klient wybiera w konfiguratorze kolor blachy, np. szary antracytowy RAL 7016 albo czekoladowy brąz RAL 8017, a po dostawie mówi, że garaż „wyszedł inny niż na stronie”. Najczęściej blacha wydaje mu się ciemniejsza, bardziej matowa albo w innym odcieniu niż na ekranie telefonu, na którym składał zamówienie.
Dla producenta to nie tylko kwestia wyglądu strony. Różnica koloru oznacza rozmowy z niezadowolonym klientem, czasem reklamację, a handlowcy zaczynają odradzać konfigurator, bo „pokazuje złe kolory”. Typowe sygnały:
- klienci dopytują, czy kolor w konfiguratorze i na zdjęciu realizacji to ten sam RAL,
- ten sam kolor wygląda inaczej na komputerze i na telefonie,
- ciemne kolory zlewają się w jedną plamę, a jasne wyglądają na wyblakłe,
- blacha gładka, trapezowa i drewnopodobna w tym samym kolorze wyglądają w konfiguratorze identycznie, choć w rzeczywistości wyraźnie się różnią.
Dlaczego kolor RAL na ekranie różni się od blachy?
Bo numer RAL opisuje fizyczny wzorzec lakieru, a ekran wyświetla kolor zapisany jako wartości RGB. Po drodze kolor zmieniają: przeliczenie na sRGB, światło w scenie 3D, połysk i faktura materiału, a na końcu ekran klienta.
RAL nie ma jednej wartości „ekranowej”
Wiążącymi wzorcami kolorów RAL CLASSIC są fizyczne rejestry wzorców, a sam RAL zaznacza, że nawet drukowane karty kolorów nie są wiążące. Wartości RGB lub HEX, które można znaleźć w internecie dla danego numeru, są przybliżeniami i różnią się między źródłami. Jeśli przy wdrożeniu ktoś wpisał do konfiguratora pierwszą znalezioną wartość, kolor od początku może być przesunięty.
Powłoka na blasze to nie wzornik
Blacha w kolorze RAL jest pokryta powłoką producenta blach, a nie lakierem z wzornika. Odcień może się nieznacznie różnić między dostawcami i partiami, a ten sam numer na powłoce matowej i błyszczącej odbieramy inaczej. Dlatego punktem odniesienia dla konfiguratora powinna być próbka blachy, którą faktycznie sprzedajesz, a nie tabela z internetu.
Światło i mapowanie tonów w scenie 3D
W konfiguratorze kolor materiału jest oświetlany: światło kierunkowe, odbicia z mapy otoczenia i cień zmieniają to, co widzi klient. Do tego silnik graficzny stosuje mapowanie tonów (tone mapping), które dopasowuje jasność sceny do możliwości ekranu i potrafi rozjaśnić albo przyciemnić kolor. Ciepłe, „zachodzące” światło przesunie grafit w stronę brązu, a mocna ekspozycja rozjaśni ciemne kolory.
Połysk, mat i faktura
Blacha matowa rozprasza światło, a błyszcząca odbija otoczenie, więc przy tym samym numerze RAL wygląda jaśniej lub ciemniej zależnie od kąta patrzenia. Jeśli wszystkie materiały w konfiguratorze mają ten sam połysk, a powłoka drewnopodobna to tylko kolor bez tekstury, konfigurator nie pokaże różnic, które klient zobaczy na placu.
Zarządzanie kolorem i ekran klienta
Silnik 3D liczy oświetlenie w przestrzeni liniowej, a kolory z palety i tekstury są zapisane w sRGB. Błędne oznaczenie przestrzeni barw daje kolory wyblakłe albo zbyt ciemne na każdym urządzeniu, więc to pierwsza rzecz do sprawdzenia. Prosty test: biała i czarna powierzchnia w scenie powinny wyglądać na ekranie jak biel i czerń, a nie jak jasna i ciemna szarość. Na końcu jest ekran klienta: jasność, tryb nocny i ustawienia telefonu zmieniają odcień, na co strona nie ma wpływu.
Jak poprawić kolory RAL w konfiguratorze?
Ustal wartości kolorów na podstawie własnych próbek blach, pokaż je w neutralnym świetle z poprawnym zarządzaniem kolorem i odróżnij powłoki połyskiem i fakturą. Klientowi jasno napisz, że kolor na ekranie jest poglądowy, i zaproponuj próbnik przed zamówieniem.
| Przyczyna | Co zmienić w konfiguratorze |
|---|---|
| Przypadkowe wartości RGB z internetu | Jedna tabela wartości sRGB dla każdego koloru, dobranych do Twoich próbek blach |
| Kolorowe lub zbyt mocne światło | Neutralne, białe światło i stała ekspozycja dla wszystkich kolorów |
| Błędna przestrzeń barw | Kolory i tekstury kolorów oznaczone jako sRGB, wyjście obrazu w sRGB |
| Ten sam połysk dla wszystkich powłok | Osobna chropowatość dla matu, półmatu i połysku, tekstura dla powłok drewnopodobnych |
| Brak informacji dla klienta | Numer i nazwa RAL przy kolorze, dopisek o kolorze poglądowym i możliwość zamówienia próbnika |
Jak dobrać wartości sRGB do próbki?
Najdokładniej jest zmierzyć próbki blach kolorymetrem i przeliczyć wynik na sRGB. Jeśli nie masz takiego urządzenia, porównaj próbkę w świetle dziennym z obrazem na skalibrowanym monitorze i dopasuj wartość ręcznie. Potem sprawdź kolor w samej scenie 3D, bo tam oświetlenie zmieni go jeszcze raz. Ważne, żeby tabela kolorów była jedna i korzystały z niej zarówno konfigurator, jak i grafiki na stronie.
Jak ustawić materiał blachy?
W materiałach PBR za połysk odpowiada chropowatość (roughness): niska daje wyraźne odbicia, wysoka matową powierzchnię. Blacha powlekana to materiał lakierowany, więc zwykle lepiej wygląda z niską metalicznością i chropowatością dobraną do powłoki niż jako „goły metal”. Przetłoczenia blachy trapezowej i rysunek drewna warto oddać teksturami, bo zmieniają one sposób, w jaki światło układa się na ścianie.
Jaki dopisek dodać przy kolorach?
Krótki i widoczny przy wyborze koloru, np. „Kolor na ekranie może się różnić od rzeczywistego. Przed zamówieniem poproś o próbnik kolorów.” W zapytaniu z konfiguratora zapisuj numer RAL i rodzaj powłoki, a nie tylko nazwę koloru, żeby handlowiec i produkcja wiedzieli dokładnie, o który wariant chodzi. Dobrze działa też zdjęcie prawdziwej blachy w danym kolorze, pokazywane obok modelu po kliknięciu w kolor.
Konfigurator nie zagwarantuje identycznego koloru na każdym ekranie, bo nie ma wpływu na ustawienia telefonu klienta. Może natomiast pokazać kolor bardzo zbliżony do próbki i uczciwie poinformować o różnicach, co zwykle wystarcza, żeby uniknąć sporów po montażu.
Co sprawdzić przed publikacją kolorów?
Najważniejsze jest porównanie konfiguratora z prawdziwą blachą na kilku urządzeniach, a nie na jednym monitorze grafika.
- każdy kolor ma numer RAL, nazwę i jedną wartość sRGB w tabeli,
- światło w scenie jest neutralne, a ekspozycja jednakowa dla wszystkich kolorów,
- matowe i błyszczące powłoki różnią się chropowatością materiału,
- powłoki drewnopodobne mają teksturę, a nie tylko kolor,
- ciemne kolory, np. grafit i antracyt, nie zlewają się w jedną plamę,
- przy kolorach jest dopisek o kolorze poglądowym i informacja o próbniku.
Problem dotyczy szczególnie konfiguratora 3D garaży blaszanych, w którym klient wybiera spośród wielu odcieni blachy, ale tak samo działa przy panelach i przęsłach w konfiguratorze 3D ogrodzeń. To jeden z problemów z naszej listy 50 problemów z konfiguratorem 3D produktu.
Jak to rozwiązać krok po kroku
Kolor RAL w konfiguratorze 3D wygląda inaczej niż na blasze - dlaczego i jak to poprawić - https://codescriptum.pl/blog/kolor-ral-w-konfiguratorze-3d-inny-niz-na-blasze/
- Zbierz od dostawcy blach próbki wszystkich kolorów i powłok, które są w Twojej ofercie: gładkich, trapezowych, drewnopodobnych, matowych i błyszczących.
- Ustal dla każdego koloru jedną wartość sRGB, zmierzoną kolorymetrem albo dopasowaną do próbki na skalibrowanym monitorze, i zapisz ją w tabeli z numerem RAL i rodzajem powłoki.
- Sprawdź zarządzanie kolorem w silniku 3D: kolory i tekstury kolorów oznaczone jako sRGB, mapy danych (chropowatość, normalne) bez przestrzeni barw, obraz wyjściowy w sRGB.
- Ustaw neutralne, białe oświetlenie i stałą ekspozycję, a mapowanie tonów dobierz tak, żeby ciemne i jasne kolory zachowały odcień.
- Nadaj materiałom chropowatość zgodną z powłoką (mat, półmat, połysk) i dodaj tekstury dla powłok drewnopodobnych i przetłoczeń.
- Dodaj przy wyborze koloru numer RAL, nazwę i dopisek o kolorze poglądowym z możliwością zamówienia próbnika, a numer RAL i powłokę zapisuj w każdym zapytaniu.
- Porównaj konfigurator z próbkami na komputerze i dwóch różnych telefonach w świetle dziennym i popraw kolory, które odbiegają najbardziej.
Jak sprawdzić, że zadziałało
Postaw próbkę blachy obok ekranu w świetle dziennym i przejdź przez wszystkie kolory na komputerze i telefonie. Odcienie są zbliżone do próbek, ciemne kolory się nie zlewają, matowe i błyszczące powłoki wyglądają inaczej, przy kolorach widać dopisek o próbniku, a testowe zapytanie zawiera numer RAL i rodzaj powłoki.
Usługa CodeScriptum
Konfigurator 3D na stronę
od 3 500 zł netto
- Model 3D produktu z wymiarami, kolorami i dodatkami
- Cena na żywo z Twojego cennika i zapytanie z konfiguracją
- Pełny kod u Ciebie, bez abonamentu
Najczęściej zadawane pytania
Czy konfigurator 3D może pokazać kolor RAL dokładnie tak jak na blasze?
Nie na każdym urządzeniu. Może pokazać kolor bardzo zbliżony, jeśli wartości są dobrane do próbek, a scena ma neutralne światło, ale ostateczny wygląd zależy też od ekranu klienta. Dlatego przy kolorach warto dodać dopisek i proponować próbnik.
Skąd wziąć wartości RGB dla kolorów RAL?
Wartości publikowane w internecie są przybliżeniami i różnią się między źródłami. Lepiej dobrać je do próbek blach, które sprzedajesz, najlepiej pomiarem kolorymetrem, i trzymać w jednej tabeli używanej przez konfigurator i stronę.
Dlaczego ten sam kolor wygląda inaczej na telefonie i na komputerze?
Ekrany różnią się jasnością, zakresem barw i ustawieniami, np. trybem nocnym, który ociepla obraz. Strona nie ma na to wpływu, dlatego kolory trzeba testować na kilku urządzeniach.
Czy trzeba pokazywać połysk blachy w konfiguratorze?
Tak, jeśli w ofercie są powłoki matowe i błyszczące. Ten sam numer RAL wygląda na nich inaczej, a klient powinien zobaczyć tę różnicę przed zamówieniem.
Co zrobić, gdy klient zgłasza, że kolor różni się od konfiguratora?
Sprawdź w zapytaniu numer RAL i powłokę, porównaj je z zamówieniem i pokaż klientowi próbkę. Dopisek o kolorze poglądowym i próbnik przed zamówieniem ograniczają takie sytuacje.
Źródła
- RAL: FAQ o wzorcach i kartach kolorów (otwiera się w nowej karcie) ral-farben.de
- three.js: zarządzanie kolorem (Color management) (otwiera się w nowej karcie) threejs.org
- three.js: MeshStandardMaterial (chropowatość i metaliczność) (otwiera się w nowej karcie) threejs.org
- W3C: A Standard Default Color Space for the Internet - sRGB (otwiera się w nowej karcie) w3.org
Podobne problemy
Konfiguratory 3D
Konfigurator 3D czy rendery produktu? Co wybrać dla garaży, altan i ogrodzeń
Rozwiązanie Rendery i zdjęcia realizacji do reklamy i budowania zaufania, konfigurator 3D do wyboru wariantu i wyceny, a AR jako dodatek dla produktów, które klient chce zobaczyć…
Konfiguratory 3D
Czy każdy rozmiar garażu trzeba modelować osobno w konfiguratorze 3D?
Rozwiązanie Model parametryczny generowany z wymiarów (ściany, dach, słupki, blachy), gotowe modele tylko dla elementów o stałej formie i reguły rozmieszczenia bram, drzwi i…
Konfiguratory 3D
Klient nie potrafi ocenić wielkości altany w konfiguratorze 3D - jak pokazać skalę
Rozwiązanie Sylwetka człowieka i meble w skali, linie wymiarowe na modelu, widok z góry z siatką metrów, powierzchnia pod dachem obok ceny, lekkie otoczenie ogrodu i pole na…
Konfiguratory 3D
Klient pyta w konfiguratorze, czy hala przeniesie śnieg i czy potrzebne jest pozwolenie
Rozwiązanie Konfigurator nie obiecuje wyników obliczeń, tylko zbiera lokalizację, przeznaczenie i wymiary, pokazuje warianty konstrukcji przygotowane przez producenta i…