{"id":90092,"date":"2026-10-14T09:10:00","date_gmt":"2026-10-14T07:10:00","guid":{"rendered":"https:\/\/codescriptum.pl\/blog\/kolor-ral-w-konfiguratorze-3d-inny-niz-na-blasze\/"},"modified":"2026-10-14T09:10:00","modified_gmt":"2026-10-14T07:10:00","slug":"kolor-ral-w-konfiguratorze-3d-inny-niz-na-blasze","status":"publish","type":"post","link":"https:\/\/codescriptum.pl\/blog\/kolor-ral-w-konfiguratorze-3d-inny-niz-na-blasze\/","title":{"rendered":"Kolor RAL w konfiguratorze 3D wygl\u0105da inaczej ni\u017c na blasze - dlaczego i jak to poprawi\u0107"},"content":{"rendered":"<h2>Jak wygl\u0105da ten problem u producenta?<\/h2>\n<p>Klient wybiera w konfiguratorze kolor blachy, np. szary antracytowy RAL 7016 albo czekoladowy br\u0105z RAL 8017, a po dostawie m\u00f3wi, \u017ce gara\u017c \u201ewyszed\u0142 inny ni\u017c na stronie\u201d. Najcz\u0119\u015bciej blacha wydaje mu si\u0119 ciemniejsza, bardziej matowa albo w innym odcieniu ni\u017c na ekranie telefonu, na kt\u00f3rym sk\u0142ada\u0142 zam\u00f3wienie.<\/p>\n<p>Dla producenta to nie tylko kwestia wygl\u0105du strony. R\u00f3\u017cnica koloru oznacza rozmowy z niezadowolonym klientem, czasem reklamacj\u0119, a handlowcy zaczynaj\u0105 odradza\u0107 konfigurator, bo \u201epokazuje z\u0142e kolory\u201d. Typowe sygna\u0142y:<\/p>\n<ul>\n<li>klienci dopytuj\u0105, czy kolor w konfiguratorze i na zdj\u0119ciu realizacji to ten sam RAL,<\/li>\n<li>ten sam kolor wygl\u0105da inaczej na komputerze i na telefonie,<\/li>\n<li>ciemne kolory zlewaj\u0105 si\u0119 w jedn\u0105 plam\u0119, a jasne wygl\u0105daj\u0105 na wyblak\u0142e,<\/li>\n<li>blacha g\u0142adka, trapezowa i drewnopodobna w tym samym kolorze wygl\u0105daj\u0105 w konfiguratorze identycznie, cho\u0107 w rzeczywisto\u015bci wyra\u017anie si\u0119 r\u00f3\u017cni\u0105.<\/li>\n<\/ul>\n<h2>Dlaczego kolor RAL na ekranie r\u00f3\u017cni si\u0119 od blachy?<\/h2>\n<p>Bo numer RAL opisuje fizyczny wzorzec lakieru, a ekran wy\u015bwietla kolor zapisany jako warto\u015bci RGB. Po drodze kolor zmieniaj\u0105: przeliczenie na sRGB, \u015bwiat\u0142o w scenie 3D, po\u0142ysk i faktura materia\u0142u, a na ko\u0144cu ekran klienta.<\/p>\n<h3>RAL nie ma jednej warto\u015bci \u201eekranowej\u201d<\/h3>\n<p>Wi\u0105\u017c\u0105cymi wzorcami kolor\u00f3w RAL CLASSIC s\u0105 fizyczne rejestry wzorc\u00f3w, a sam RAL zaznacza, \u017ce nawet drukowane karty kolor\u00f3w nie s\u0105 wi\u0105\u017c\u0105ce. Warto\u015bci RGB lub HEX, kt\u00f3re mo\u017cna znale\u017a\u0107 w internecie dla danego numeru, s\u0105 przybli\u017ceniami i r\u00f3\u017cni\u0105 si\u0119 mi\u0119dzy \u017ar\u00f3d\u0142ami. Je\u015bli przy wdro\u017ceniu kto\u015b wpisa\u0142 do konfiguratora pierwsz\u0105 znalezion\u0105 warto\u015b\u0107, kolor od pocz\u0105tku mo\u017ce by\u0107 przesuni\u0119ty.<\/p>\n<h3>Pow\u0142oka na blasze to nie wzornik<\/h3>\n<p>Blacha w kolorze RAL jest pokryta pow\u0142ok\u0105 producenta blach, a nie lakierem z wzornika. Odcie\u0144 mo\u017ce si\u0119 nieznacznie r\u00f3\u017cni\u0107 mi\u0119dzy dostawcami i partiami, a ten sam numer na pow\u0142oce matowej i b\u0142yszcz\u0105cej odbieramy inaczej. Dlatego punktem odniesienia dla konfiguratora powinna by\u0107 pr\u00f3bka blachy, kt\u00f3r\u0105 faktycznie sprzedajesz, a nie tabela z internetu.<\/p>\n<h3>\u015awiat\u0142o i mapowanie ton\u00f3w w scenie 3D<\/h3>\n<p>W konfiguratorze kolor materia\u0142u jest o\u015bwietlany: \u015bwiat\u0142o kierunkowe, odbicia z mapy otoczenia i cie\u0144 zmieniaj\u0105 to, co widzi klient. Do tego silnik graficzny stosuje mapowanie ton\u00f3w (tone mapping), kt\u00f3re dopasowuje jasno\u015b\u0107 sceny do mo\u017cliwo\u015bci ekranu i potrafi rozja\u015bni\u0107 albo przyciemni\u0107 kolor. Ciep\u0142e, \u201ezachodz\u0105ce\u201d \u015bwiat\u0142o przesunie grafit w stron\u0119 br\u0105zu, a mocna ekspozycja rozja\u015bni ciemne kolory.<\/p>\n<h3>Po\u0142ysk, mat i faktura<\/h3>\n<p>Blacha matowa rozprasza \u015bwiat\u0142o, a b\u0142yszcz\u0105ca odbija otoczenie, wi\u0119c przy tym samym numerze RAL wygl\u0105da ja\u015bniej lub ciemniej zale\u017cnie od k\u0105ta patrzenia. Je\u015bli wszystkie materia\u0142y w konfiguratorze maj\u0105 ten sam po\u0142ysk, a pow\u0142oka drewnopodobna to tylko kolor bez tekstury, konfigurator nie poka\u017ce r\u00f3\u017cnic, kt\u00f3re klient zobaczy na placu.<\/p>\n<h3>Zarz\u0105dzanie kolorem i ekran klienta<\/h3>\n<p>Silnik 3D liczy o\u015bwietlenie w przestrzeni liniowej, a kolory z palety i tekstury s\u0105 zapisane w sRGB. B\u0142\u0119dne oznaczenie przestrzeni barw daje kolory wyblak\u0142e albo zbyt ciemne na ka\u017cdym urz\u0105dzeniu, wi\u0119c to pierwsza rzecz do sprawdzenia. Prosty test: bia\u0142a i czarna powierzchnia w scenie powinny wygl\u0105da\u0107 na ekranie jak biel i czer\u0144, a nie jak jasna i ciemna szaro\u015b\u0107. Na ko\u0144cu jest ekran klienta: jasno\u015b\u0107, tryb nocny i ustawienia telefonu zmieniaj\u0105 odcie\u0144, na co strona nie ma wp\u0142ywu.<\/p>\n<h2>Jak poprawi\u0107 kolory RAL w konfiguratorze?<\/h2>\n<p>Ustal warto\u015bci kolor\u00f3w na podstawie w\u0142asnych pr\u00f3bek blach, poka\u017c je w neutralnym \u015bwietle z poprawnym zarz\u0105dzaniem kolorem i odr\u00f3\u017cnij pow\u0142oki po\u0142yskiem i faktur\u0105. Klientowi jasno napisz, \u017ce kolor na ekranie jest pogl\u0105dowy, i zaproponuj pr\u00f3bnik przed zam\u00f3wieniem.<\/p>\n<table>\n<thead>\n<tr>\n<th>Przyczyna<\/th>\n<th>Co zmieni\u0107 w konfiguratorze<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Przypadkowe warto\u015bci RGB z internetu<\/td>\n<td>Jedna tabela warto\u015bci sRGB dla ka\u017cdego koloru, dobranych do Twoich pr\u00f3bek blach<\/td>\n<\/tr>\n<tr>\n<td>Kolorowe lub zbyt mocne \u015bwiat\u0142o<\/td>\n<td>Neutralne, bia\u0142e \u015bwiat\u0142o i sta\u0142a ekspozycja dla wszystkich kolor\u00f3w<\/td>\n<\/tr>\n<tr>\n<td>B\u0142\u0119dna przestrze\u0144 barw<\/td>\n<td>Kolory i tekstury kolor\u00f3w oznaczone jako sRGB, wyj\u015bcie obrazu w sRGB<\/td>\n<\/tr>\n<tr>\n<td>Ten sam po\u0142ysk dla wszystkich pow\u0142ok<\/td>\n<td>Osobna chropowato\u015b\u0107 dla matu, p\u00f3\u0142matu i po\u0142ysku, tekstura dla pow\u0142ok drewnopodobnych<\/td>\n<\/tr>\n<tr>\n<td>Brak informacji dla klienta<\/td>\n<td>Numer i nazwa RAL przy kolorze, dopisek o kolorze pogl\u0105dowym i mo\u017cliwo\u015b\u0107 zam\u00f3wienia pr\u00f3bnika<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Jak dobra\u0107 warto\u015bci sRGB do pr\u00f3bki?<\/h3>\n<p>Najdok\u0142adniej jest zmierzy\u0107 pr\u00f3bki blach kolorymetrem i przeliczy\u0107 wynik na sRGB. Je\u015bli nie masz takiego urz\u0105dzenia, por\u00f3wnaj pr\u00f3bk\u0119 w \u015bwietle dziennym z obrazem na skalibrowanym monitorze i dopasuj warto\u015b\u0107 r\u0119cznie. Potem sprawd\u017a kolor w samej scenie 3D, bo tam o\u015bwietlenie zmieni go jeszcze raz. Wa\u017cne, \u017ceby tabela kolor\u00f3w by\u0142a jedna i korzysta\u0142y z niej zar\u00f3wno konfigurator, jak i grafiki na stronie.<\/p>\n<h3>Jak ustawi\u0107 materia\u0142 blachy?<\/h3>\n<p>W materia\u0142ach PBR za po\u0142ysk odpowiada chropowato\u015b\u0107 (roughness): niska daje wyra\u017ane odbicia, wysoka matow\u0105 powierzchni\u0119. Blacha powlekana to materia\u0142 lakierowany, wi\u0119c zwykle lepiej wygl\u0105da z nisk\u0105 metaliczno\u015bci\u0105 i chropowato\u015bci\u0105 dobran\u0105 do pow\u0142oki ni\u017c jako \u201ego\u0142y metal\u201d. Przet\u0142oczenia blachy trapezowej i rysunek drewna warto odda\u0107 teksturami, bo zmieniaj\u0105 one spos\u00f3b, w jaki \u015bwiat\u0142o uk\u0142ada si\u0119 na \u015bcianie.<\/p>\n<h3>Jaki dopisek doda\u0107 przy kolorach?<\/h3>\n<p>Kr\u00f3tki i widoczny przy wyborze koloru, np. \u201eKolor na ekranie mo\u017ce si\u0119 r\u00f3\u017cni\u0107 od rzeczywistego. Przed zam\u00f3wieniem popro\u015b o pr\u00f3bnik kolor\u00f3w.\u201d W zapytaniu z konfiguratora zapisuj numer RAL i rodzaj pow\u0142oki, a nie tylko nazw\u0119 koloru, \u017ceby handlowiec i produkcja wiedzieli dok\u0142adnie, o kt\u00f3ry wariant chodzi. Dobrze dzia\u0142a te\u017c zdj\u0119cie prawdziwej blachy w danym kolorze, pokazywane obok modelu po klikni\u0119ciu w kolor.<\/p>\n<div class=\"csb-note csb-note--tip\">\n<p>Konfigurator nie zagwarantuje identycznego koloru na ka\u017cdym ekranie, bo nie ma wp\u0142ywu na ustawienia telefonu klienta. Mo\u017ce natomiast pokaza\u0107 kolor bardzo zbli\u017cony do pr\u00f3bki i uczciwie poinformowa\u0107 o r\u00f3\u017cnicach, co zwykle wystarcza, \u017ceby unikn\u0105\u0107 spor\u00f3w po monta\u017cu.<\/p>\n<\/div>\n<h2>Co sprawdzi\u0107 przed publikacj\u0105 kolor\u00f3w?<\/h2>\n<p>Najwa\u017cniejsze jest por\u00f3wnanie konfiguratora z prawdziw\u0105 blach\u0105 na kilku urz\u0105dzeniach, a nie na jednym monitorze grafika.<\/p>\n<ul>\n<li>ka\u017cdy kolor ma numer RAL, nazw\u0119 i jedn\u0105 warto\u015b\u0107 sRGB w tabeli,<\/li>\n<li>\u015bwiat\u0142o w scenie jest neutralne, a ekspozycja jednakowa dla wszystkich kolor\u00f3w,<\/li>\n<li>matowe i b\u0142yszcz\u0105ce pow\u0142oki r\u00f3\u017cni\u0105 si\u0119 chropowato\u015bci\u0105 materia\u0142u,<\/li>\n<li>pow\u0142oki drewnopodobne maj\u0105 tekstur\u0119, a nie tylko kolor,<\/li>\n<li>ciemne kolory, np. grafit i antracyt, nie zlewaj\u0105 si\u0119 w jedn\u0105 plam\u0119,<\/li>\n<li>przy kolorach jest dopisek o kolorze pogl\u0105dowym i informacja o pr\u00f3bniku.<\/li>\n<\/ul>\n<p>Problem dotyczy szczeg\u00f3lnie <a href=\"https:\/\/codescriptum.pl\/konfigurator-3d-garazy\/\">konfiguratora 3D gara\u017cy blaszanych<\/a>, w kt\u00f3rym klient wybiera spo\u015br\u00f3d wielu odcieni blachy, ale tak samo dzia\u0142a przy panelach i prz\u0119s\u0142ach w <a href=\"https:\/\/codescriptum.pl\/konfigurator-3d-ogrodzen\/\">konfiguratorze 3D ogrodze\u0144<\/a>. To jeden z problem\u00f3w z naszej listy <a href=\"\/blog\/50-problemow-z-konfiguratorem-3d\/\">50 problem\u00f3w z konfiguratorem 3D produktu<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jak wygl\u0105da ten problem u producenta? Klient wybiera w konfiguratorze kolor blachy, np. szary antracytowy RAL 7016 albo czekoladowy br\u0105z RAL 8017, a po dostawie m\u00f3wi, \u017ce gara\u017c \u201ewyszed\u0142 inny\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[102],"tags":[],"class_list":["post-90092","post","type-post","status-publish","format-standard","hentry","category-konfiguratory-3d"],"_links":{"self":[{"href":"https:\/\/codescriptum.pl\/blog\/wp-json\/wp\/v2\/posts\/90092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codescriptum.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codescriptum.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codescriptum.pl\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codescriptum.pl\/blog\/wp-json\/wp\/v2\/comments?post=90092"}],"version-history":[{"count":0,"href":"https:\/\/codescriptum.pl\/blog\/wp-json\/wp\/v2\/posts\/90092\/revisions"}],"wp:attachment":[{"href":"https:\/\/codescriptum.pl\/blog\/wp-json\/wp\/v2\/media?parent=90092"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codescriptum.pl\/blog\/wp-json\/wp\/v2\/categories?post=90092"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codescriptum.pl\/blog\/wp-json\/wp\/v2\/tags?post=90092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}