{"id":5216,"date":"2026-01-28T15:02:38","date_gmt":"2026-01-28T12:02:38","guid":{"rendered":"https:\/\/wellumina.pro\/ru\/?page_id=5216"},"modified":"2026-10-17T12:00:01","modified_gmt":"2026-10-17T09:00:01","slug":"color-chart-3d","status":"publish","type":"page","link":"https:\/\/wellumina.pro\/ru\/color-chart-3d\/","title":{"rendered":"3D \u043a\u0430\u0440\u0442\u0430 \u0446\u0432\u0435\u0442\u043e\u0432 Wellumina"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5216\" class=\"elementor elementor-5216\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38fbe7a e-flex e-con-full e-con e-parent\" data-id=\"38fbe7a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98862f1 elementor-widget elementor-widget-html\" data-id=\"98862f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"wlm3d-root\" class=\"wlm3d\" data-light=\"salon\">\n  <style>\n  .wlm3d{position:relative;width:100%;min-height:640px;height:86vh;max-height:1000px;overflow:hidden;\n    border-radius:28px;font-family:'Roboto','Helvetica Neue',Arial,sans-serif;color:#fff;\n    transition:background .6s ease;isolation:isolate;-webkit-tap-highlight-color:transparent}\n  .wlm3d *{box-sizing:border-box}\n  .wlm3d__stage{position:absolute;inset:0}\n  .wlm3d__stage canvas{display:block;width:100%!important;height:100%!important;touch-action:none;cursor:grab}\n  .wlm3d__stage canvas:active{cursor:grabbing}\n  .wlm3d__head{position:absolute;top:24px;left:28px;right:28px;z-index:3;pointer-events:none;\n    display:flex;justify-content:space-between;align-items:flex-start;gap:20px}\n  .wlm3d__kicker{font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin:0 0 8px;\n    color:inherit;opacity:.62;transition:color .5s ease}\n  \/* v4.3: \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 kicker \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u0430 \u00ab\u041a\u0430\u0440\u0442\u0430 \u0446\u0432\u0435\u0442\u043e\u0432 Wellumina\u00bb *\/\n  .wlm3d__kicker-m{display:none}\n  \/* v3, \u043f.7: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043f\u0435\u0440\u0435\u043a\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0440\u0435\u0436\u0438\u043c\u043e\u043c \u0441\u0432\u0435\u0442\u0430 \u0438 \u043d\u0435 \u0434\u0430\u0451\u0442 \u0442\u0435\u043c\u0435\n     \u0441\u0430\u0439\u0442\u0430 \u043f\u043e\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0432\u043e\u0439 \u0442\u0451\u043c\u043d\u044b\u0439 \u0446\u0432\u0435\u0442 \u0434\u043b\u044f h2 *\/\n  .wlm3d .wlm3d__title{font-size:clamp(21px,2.2vw,33px);line-height:1.08;margin:0;font-weight:700;\n    letter-spacing:-.01em;color:#f7f2ec!important;transition:color .5s ease}\n  .wlm3d__sub{margin:9px 0 0;font-size:12.5px;line-height:1.5;max-width:26ch;\n    color:inherit;opacity:.62;transition:color .5s ease}\n  .wlm3d__tools{display:flex;gap:8px;pointer-events:auto}\n  .wlm3d__icon{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.22);\n    background:rgba(255,255,255,.08);backdrop-filter:blur(10px);color:inherit;cursor:pointer;\n    display:grid;place-items:center;transition:.2s;padding:0}\n  .wlm3d__icon:hover{background:rgba(255,255,255,.2)}\n  .wlm3d__icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}\n  .wlm3d__panel{position:absolute;left:50%;transform:translateX(-50%);bottom:22px;z-index:3;\n    display:flex;flex-direction:column;gap:10px;align-items:center;width:min(720px,calc(100% - 40px));\n    transition:opacity .6s ease, transform .6s ease}\n  \/* v5: \u043f\u0438\u043b\u044e\u043b\u044f \u0440\u0430\u0441\u043a\u0440\u044b\u0442\u0438\u044f \u0438 \u043a\u043d\u043e\u043f\u043a\u0430 \u00ab\u041e\u043f\u0446\u0438\u0438 \u0438 \u0432\u0438\u0434\u00bb \u0441\u0442\u043e\u044f\u0442 \u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u043a\u0443 *\/\n  .wlm3d__mainrow{display:flex;align-items:center;gap:8px;width:100%;justify-content:center}\n  .wlm3d__mainrow .wlm3d__row--fold{flex:1 1 auto;min-width:0}\n  .wlm3d__mainrow .wlm3d__more{flex:none}\n  \/* v4.2: \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0438\u043d\u043e\u0432\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u044f \u043f\u0430\u043d\u0435\u043b\u044c \u0443\u0435\u0437\u0436\u0430\u0435\u0442 \u0432\u043d\u0438\u0437 \u0438 \u0440\u0430\u0441\u0442\u0432\u043e\u0440\u044f\u0435\u0442\u0441\u044f *\/\n  .wlm3d[data-intro] .wlm3d__panel{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(24px)}\n  .wlm3d__row{display:flex;gap:6px;padding:5px;border-radius:999px;border:1px solid rgba(255,255,255,.18);\n    background:rgba(20,18,16,.42);backdrop-filter:blur(14px)}\n  .wlm3d__chip{border:0;background:transparent;color:rgba(255,255,255,.72);font:inherit;font-size:12.5px;\n    letter-spacing:.02em;padding:9px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:.2s}\n  .wlm3d__chip:hover{color:#fff;background:rgba(255,255,255,.1)}\n  .wlm3d__chip.is-active{background:#d6101f;color:#fff;box-shadow:0 4px 18px rgba(214,16,31,.45)}\n  \/* --- v4.1: \u043e\u0434\u043d\u0430 \u043f\u0438\u043b\u044e\u043b\u044f \u00ab\u043a\u043d\u043e\u043f\u043a\u0438+\u043f\u043e\u043b\u0437\u0443\u043d\u043e\u043a\u00bb \u0441 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u0435\u043c ----------------- *\/\n  .wlm3d__row--fold{align-items:center;gap:2px}\n  .wlm3d__divider{width:1px;height:22px;margin:0 6px;flex:none;\n    background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.28),rgba(255,255,255,.06))}\n  .wlm3d__rangeslim{flex:1;min-width:150px;height:3px;-webkit-appearance:none;appearance:none;\n    margin:0 8px 0 4px;border-radius:3px;background:rgba(255,255,255,.25);outline:none;cursor:pointer}\n  .wlm3d__rangeslim::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;\n    background:#fff;border:3px solid #d6101f;cursor:grab;box-shadow:0 2px 8px rgba(0,0,0,.4)}\n  .wlm3d__rangeslim::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;\n    border:3px solid #d6101f;cursor:grab}\n  .wlm3d__more{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.18);cursor:pointer;\n    background:rgba(20,18,16,.42);backdrop-filter:blur(14px);color:rgba(255,255,255,.78);font:inherit;\n    font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:9px 16px;border-radius:999px;transition:.2s}\n  .wlm3d__more:hover{color:#fff;background:rgba(255,255,255,.12)}\n  .wlm3d__more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:transform .25s}\n  .wlm3d__more.is-open svg{transform:rotate(180deg)}\n  \/* v4.2: \u043e\u043f\u0446\u0438\u0438 \u0441\u043a\u0440\u044b\u0442\u044b \u0432\u0435\u0437\u0434\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043a\u043d\u043e\u043f\u043a\u043e\u0439 \u00ab\u041e\u043f\u0446\u0438\u0438 \u0438 \u0432\u0438\u0434\u00bb *\/\n  .wlm3d__row--light,.wlm3d__row--opt{display:none}\n  .wlm3d.is-more-open .wlm3d__row--light,.wlm3d.is-more-open .wlm3d__row--opt{display:flex}\n  \/* v4.2: \u0443\u0431\u0438\u0440\u0430\u0435\u043c \u00ab\u0440\u043e\u0437\u043e\u0432\u044b\u0439\u00bb \u043f\u043e\u0434\u0441\u0432\u0435\u0442 \u0442\u0435\u043c\u044b \u0441\u0430\u0439\u0442\u0430 \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435\/\u0444\u043e\u043a\u0443\u0441\u0435 *\/\n  .wlm3d button{outline:none;-webkit-tap-highlight-color:transparent}\n  .wlm3d button:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.55)}\n  .wlm3d button:focus:not(:focus-visible){outline:none;box-shadow:none}\n  .wlm3d button:active{filter:none}\n  \/* v4.5: \u0442\u0435\u043c\u0430 \u0441\u0430\u0439\u0442\u0430 \u043c\u043e\u0436\u0435\u0442 \u043a\u0440\u0430\u0441\u0438\u0442\u044c ::selection \u0438 :focus \u0447\u0435\u0440\u0435\u0437 !important \u2014\n     \u043f\u0435\u0440\u0435\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0438 \u044d\u0442\u043e; \u043f\u043b\u044e\u0441 \u0447\u0438\u043f\u044b \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0447\u0443\u0436\u043e\u0439 background *\/\n  .wlm3d button, .wlm3d input{ -webkit-tap-highlight-color:transparent !important; }\n  .wlm3d button:focus{ outline: none !important; }\n  .wlm3d button:focus-visible{ box-shadow:0 0 0 2px rgba(255,255,255,.55) !important; }\n  .wlm3d button:not(.is-active):not(:hover):not(:focus-visible){\n    background: transparent !important;\n  }\n  \/* --- v3: \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438 \u043a\u0438\u043d\u043e-\u043e\u043f\u0446\u0438\u0439 ------------------------------------ *\/\n  .wlm3d__row--opt{gap:4px;padding:4px;background:rgba(20,18,16,.30);border-color:rgba(255,255,255,.13)}\n  .wlm3d__opt{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;\n    color:rgba(255,255,255,.55);font:inherit;font-size:11px;letter-spacing:.03em;padding:7px 13px;\n    border-radius:999px;cursor:pointer;white-space:nowrap;transition:.2s}\n  .wlm3d__opt:hover{color:#fff;background:rgba(255,255,255,.08)}\n  .wlm3d__opt::before{content:'';width:7px;height:7px;border-radius:50%;flex:none;\n    background:rgba(255,255,255,.22);box-shadow:none;transition:.2s}\n  .wlm3d__opt.is-on{color:rgba(255,255,255,.95)}\n  .wlm3d__opt.is-on::before{background:#ff3346;box-shadow:0 0 9px rgba(255,51,70,.9)}\n  .wlm3d__opt[disabled]{opacity:.4;cursor:progress}\n  \/* v5: \u043f\u043e\u0434\u043f\u0438\u0441\u044c \u043e\u0442\u0442\u0435\u043d\u043a\u0430 \u043f\u043e\u0434 \u043a\u0443\u0440\u0441\u043e\u0440\u043e\u043c *\/\n  .wlm3d__readout{position:absolute;z-index:4;left:0;top:0;transform:translate(-50%,-100%);\n    pointer-events:none;opacity:0;transition:opacity .16s ease;\n    padding:9px 14px;border-radius:14px;white-space:nowrap;text-align:center;\n    background:rgba(20,18,16,.82);backdrop-filter:blur(12px);\n    border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 30px rgba(0,0,0,.35)}\n  .wlm3d__readout.is-on{opacity:1}\n  .wlm3d__readout b{display:block;font-size:16px;font-weight:700;color:#fff;letter-spacing:.01em}\n  .wlm3d__readout span{display:block;font-size:11px;margin-top:3px;color:rgba(255,255,255,.86)}\n  .wlm3d__readout i{display:block;font-size:10px;font-style:normal;letter-spacing:.06em;\n    text-transform:uppercase;margin-top:2px;color:rgba(255,255,255,.5)}\n  .wlm3d[data-light=day] .wlm3d__readout{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.1)}\n  .wlm3d[data-light=day] .wlm3d__readout b{color:#1d1813}\n  .wlm3d[data-light=day] .wlm3d__readout span{color:rgba(35,29,23,.85)}\n  .wlm3d[data-light=day] .wlm3d__readout i{color:rgba(35,29,23,.5)}\n  .wlm3d__hint{position:absolute;left:30px;bottom:84px;z-index:2;font-size:10.5px;letter-spacing:.10em;\n    text-transform:uppercase;opacity:.38;pointer-events:none;max-width:215px;\n    display:flex;flex-direction:column;gap:5px;line-height:1.1}\n  .wlm3d__hint b{font-weight:500;opacity:.85}\n  \/* \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438 \u0441\u0442\u043e\u044f\u0442 \u0441\u0442\u043e\u043b\u0431\u0438\u043a\u043e\u043c \u043d\u0430\u0434 \u043f\u0430\u043d\u0435\u043b\u044c\u044e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u043e \u0448\u0438\u0440\u0438\u043d\u0435\n     \u0441 \u043d\u0435\u0439 \u043d\u0435 \u0441\u043f\u043e\u0440\u044f\u0442; \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u043e\u043d\u0438 \u0441\u043a\u0440\u044b\u0442\u044b (\u043f\u0440\u0430\u0432\u0438\u043b\u043e \u043d\u0438\u0436\u0435) *\/\n  .wlm3d__loader{position:absolute;inset:0;z-index:4;display:grid;place-items:center;\n    background:inherit;transition:opacity .7s ease;font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.9}\n  .wlm3d.is-ready .wlm3d__loader{opacity:0;pointer-events:none}\n  .wlm3d__spin{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.18);\n    border-top-color:#d6101f;animation:wlm3dspin .9s linear infinite;margin:0 auto 16px}\n  @keyframes wlm3dspin{to{transform:rotate(360deg)}}\n  .wlm3d__nowebgl{display:none}\n  .wlm3d.is-nowebgl .wlm3d__nowebgl{display:grid;place-items:center;position:absolute;inset:0;z-index:5;\n    padding:40px;text-align:center;font-size:14px;line-height:1.6}\n  \/* --- \u0434\u043d\u0435\u0432\u043d\u043e\u0439 \u0441\u0432\u0435\u0442: \u0432\u0441\u044f \u0442\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430 \u0438 \u00ab\u0441\u0442\u0435\u043a\u043b\u043e\u00bb \u043f\u0435\u0440\u0435\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u0442\u0451\u043c\u043d\u043e\u0435 - *\/\n  .wlm3d[data-light=day]{color:#241f1a}\n  .wlm3d[data-light=day] .wlm3d__title{color:#231d17!important}\n  .wlm3d[data-light=day] .wlm3d__row,.wlm3d[data-light=day] .wlm3d__row--fold{background:rgba(255,255,255,.55);border-color:rgba(0,0,0,.10)}\n  .wlm3d[data-light=day] .wlm3d__divider{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.22),rgba(0,0,0,.04))}\n  .wlm3d[data-light=day] .wlm3d__more{background:rgba(255,255,255,.55);border-color:rgba(0,0,0,.10);color:rgba(40,34,28,.8)}\n  .wlm3d[data-light=day] .wlm3d__row--opt{background:rgba(255,255,255,.44)}\n  .wlm3d[data-light=day] .wlm3d__chip{color:rgba(40,34,28,.7)}\n  .wlm3d[data-light=day] .wlm3d__chip:hover{color:#000;background:rgba(0,0,0,.06)}\n  .wlm3d[data-light=day] .wlm3d__chip.is-active{color:#fff}\n  .wlm3d[data-light=day] .wlm3d__opt{color:rgba(40,34,28,.62)}\n  .wlm3d[data-light=day] .wlm3d__opt:hover{color:#000;background:rgba(0,0,0,.06)}\n  .wlm3d[data-light=day] .wlm3d__opt.is-on{color:#1d1813}\n  .wlm3d[data-light=day] .wlm3d__opt::before{background:rgba(0,0,0,.20)}\n  .wlm3d[data-light=day] .wlm3d__opt.is-on::before{background:#d6101f;box-shadow:0 0 9px rgba(214,16,31,.55)}\n  .wlm3d[data-light=day] .wlm3d__icon{border-color:rgba(0,0,0,.14);background:rgba(255,255,255,.55)}\n  .wlm3d[data-light=day] input[type=range]{background:rgba(0,0,0,.18)}\n  @media(max-width:860px){\n    .wlm3d{height:78vh;min-height:540px;border-radius:20px}\n    .wlm3d__head{top:18px;left:18px;right:18px}\n    \/* v4.3: \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435 \u2014 \u00ab\u041a\u0430\u0440\u0442\u0430 \u0446\u0432\u0435\u0442\u043e\u0432 Wellumina\u00bb \u0432\u043c\u0435\u0441\u0442\u043e \u043d\u0430\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430, H2 \u0441\u043a\u0440\u044b\u0442 *\/\n    .wlm3d__kicker-d{display:none}\n    .wlm3d__kicker-m{display:inline}\n    .wlm3d__title{display:none}\n    .wlm3d__sub{display:none}\n    .wlm3d__hint{display:none}\n    \/* v4.2: 100dvh \u0432\u043c\u0435\u0441\u0442\u043e 100vh \u2014 \u0430\u0434\u0440\u0435\u0441\u043d\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430 \u043c\u043e\u0431. \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u043d\u0435 \u00ab\u0441\u044a\u0435\u0434\u0430\u0435\u0442\u00bb\n       \u043d\u0438\u0437, \u043f\u0430\u043d\u0435\u043b\u044c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u0441\u0435\u0433\u0434\u0430 \u0432 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u0445 \u044d\u043a\u0440\u0430\u043d\u0430.\n       v4.4: \u043f\u0430\u043d\u0435\u043b\u044c \u043f\u043e\u0434\u043d\u044f\u0442\u0430 \u0432\u044b\u0448\u0435 (bottom 26px + \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u0430\u044f \u0437\u043e\u043d\u0430 iOS) *\/\n    .wlm3d{height:calc(100dvh - 120px)}\n    .wlm3d__panel{bottom:26px;gap:8px}\n    .wlm3d__chip{padding:8px 12px;font-size:11.5px}\n    \/* v4.1: \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435 \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0438\u043b\u044e\u043b\u044f \u0441 \u043f\u043e\u043b\u0437\u0443\u043d\u043a\u043e\u043c + \u043a\u043d\u043e\u043f\u043a\u0430 \u00ab\u041e\u043f\u0446\u0438\u0438 \u0438 \u0432\u0438\u0434\u00bb *\/\n    .wlm3d__row--fold .wlm3d__chip,.wlm3d__row--fold .wlm3d__divider{display:none}\n    .wlm3d__more{display:inline-flex}\n    .wlm3d__row--light,.wlm3d__row--opt{display:none}\n    .wlm3d.is-more-open .wlm3d__row--light,.wlm3d.is-more-open .wlm3d__row--opt{display:flex}\n    .wlm3d__row--opt{flex-wrap:wrap;justify-content:center}\n    .wlm3d__opt{padding:6px 10px;font-size:10px}\n  }\n  <\/style>\n\n  <div class=\"wlm3d__stage\"><\/div>\n\n  <div class=\"wlm3d__head\">\n    <div>\n      <p class=\"wlm3d__kicker\"><span class=\"wlm3d__kicker-d\">Wellumina Wellcolor<\/span><span class=\"wlm3d__kicker-m\">\u041a\u0430\u0440\u0442\u0430 \u0446\u0432\u0435\u0442\u043e\u0432 Wellumina<\/span><\/p>\n      <h2 class=\"wlm3d__title\">\u041a\u0430\u0440\u0442\u0430 \u0446\u0432\u0435\u0442\u043e\u0432<br>\u0432 \u043e\u0431\u044a\u0451\u043c\u0435<\/h2>\n      <p class=\"wlm3d__sub\">\u041d\u0430\u0441\u0442\u043e\u044f\u0449\u0430\u044f \u043f\u0430\u043b\u0438\u0442\u0440\u0430 \u0441\u0430\u043b\u043e\u043d\u0430 \u2014 \u0440\u0430\u0441\u043a\u0440\u043e\u0439\u0442\u0435, \u043f\u043e\u0432\u0435\u0440\u043d\u0438\u0442\u0435, \u043f\u0440\u0438\u0431\u043b\u0438\u0437\u044c\u0442\u0435\u0441\u044c \u043a \u043b\u043e\u043a\u043e\u043d\u0443.\n        50 \u043e\u0442\u0442\u0435\u043d\u043a\u043e\u0432 \u043f\u0435\u0440\u043c\u0430\u043d\u0435\u043d\u0442\u043d\u043e\u0439 \u043a\u0440\u0435\u043c-\u043a\u0440\u0430\u0441\u043a\u0438.<\/p>\n    <\/div>\n    <div class=\"wlm3d__tools\">\n      <button class=\"wlm3d__icon\" data-reset title=\"\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0432\u0438\u0434\" aria-label=\"\u0421\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0432\u0438\u0434\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M3 12a9 9 0 1 0 3-6.7\"\/><path d=\"M3 4v5h5\"\/><\/svg><\/button>\n      <button class=\"wlm3d__icon\" data-fullscreen title=\"\u041d\u0430 \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d\" aria-label=\"\u041d\u0430 \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M8 3H3v5M16 3h5v5M8 21H3v-5M16 21h5v-5\"\/><\/svg><\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"wlm3d__panel\">\n    <div class=\"wlm3d__mainrow\">\n      <div class=\"wlm3d__row wlm3d__row--fold\" role=\"group\" aria-label=\"\u0420\u0430\u0441\u043a\u0440\u044b\u0442\u0438\u0435\">\n        <button class=\"wlm3d__chip is-active\" data-fold-btn=\"0\">\u0417\u0430\u043a\u0440\u044b\u0442\u043e<\/button>\n        <button class=\"wlm3d__chip\" data-fold-btn=\"0.5\">\u0421\u0442\u0435\u043d\u0434<\/button>\n        <button class=\"wlm3d__chip\" data-fold-btn=\"1\">\u0420\u0430\u0437\u0432\u043e\u0440\u043e\u0442<\/button>\n        <span class=\"wlm3d__divider\" aria-hidden=\"true\"><\/span>\n        <input id=\"wlm3d-fold\" class=\"wlm3d__rangeslim\" type=\"range\" min=\"0\" max=\"100\" value=\"0\" aria-label=\"\u0420\u0430\u0441\u043a\u0440\u044b\u0442\u0438\u0435 \u043a\u0430\u0440\u0442\u044b\">\n      <\/div>\n      <button class=\"wlm3d__more\" data-more aria-expanded=\"false\">\u041e\u043f\u0446\u0438\u0438 \u0438 \u0432\u0438\u0434\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/button>\n    <\/div>\n    <div class=\"wlm3d__row wlm3d__row--light\" role=\"group\" aria-label=\"\u041e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u0435\">\n      <button class=\"wlm3d__chip is-active\" data-light-btn=\"salon\">\u0421\u0430\u043b\u043e\u043d\u043d\u044b\u0439 \u0441\u0432\u0435\u0442<\/button>\n      <button class=\"wlm3d__chip\" data-light-btn=\"day\">\u0414\u043d\u0435\u0432\u043d\u043e\u0439 \u0441\u0432\u0435\u0442<\/button>\n    <\/div>\n    <div class=\"wlm3d__row wlm3d__row--opt\" role=\"group\" aria-label=\"\u0412\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u044b\">\n      <button class=\"wlm3d__opt is-on\" data-toggle=\"hair\" aria-pressed=\"true\">\u041e\u0431\u044a\u0451\u043c\u043d\u044b\u0435 \u043b\u043e\u043a\u043e\u043d\u044b<\/button>\n      <button class=\"wlm3d__opt\" data-toggle=\"dof\"  aria-pressed=\"false\">\u0413\u043b\u0443\u0431\u0438\u043d\u0430 \u0440\u0435\u0437\u043a\u043e\u0441\u0442\u0438<\/button>\n      <button class=\"wlm3d__opt\" data-toggle=\"cine\" aria-pressed=\"false\">\u041a\u0438\u043d\u043e-\u044d\u0444\u0444\u0435\u043a\u0442\u044b<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"wlm3d__readout\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"wlm3d__hint\">\n    <span><b>\u0422\u044f\u043d\u0438\u0442\u0435<\/b> \u2014 \u043f\u043e\u0432\u043e\u0440\u043e\u0442<\/span>\n    <span><b>\u041a\u043e\u043b\u0435\u0441\u043e<\/b> \u2014 \u0437\u0443\u043c \u043a \u043a\u0443\u0440\u0441\u043e\u0440\u0443<\/span>\n    <span><b>\u041f\u0440\u0430\u0432\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430<\/b> \u2014 \u0441\u0434\u0432\u0438\u0433<\/span>\n    <span><b>\u041d\u0430\u0432\u0435\u0434\u0438\u0442\u0435 \u043d\u0430 \u043b\u043e\u043a\u043e\u043d<\/b> \u2014 \u043e\u0442\u0442\u0435\u043d\u043e\u043a<\/span>\n  <\/div>\n\n  <div class=\"wlm3d__loader\"><div><div class=\"wlm3d__spin\"><\/div>\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u0430\u0440\u0442\u044b \u0446\u0432\u0435\u0442\u043e\u0432<\/div><\/div>\n  <div class=\"wlm3d__nowebgl\"><div>\u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 WebGL \u2014<br>3D-\u043a\u0430\u0440\u0442\u0430 \u0446\u0432\u0435\u0442\u043e\u0432 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u0430.<\/div><\/div>\n<\/div>\n\n<script>\n(function(){\n  var root = document.getElementById('wlm3d-root');\n  if(!root || window.WLM3D_LOADED) return;\n  window.WLM3D_LOADED = true;\n  var loaded = false;\n  function loadScene(){\n    if(loaded) return; loaded = true;\n    var s = document.createElement('script');\n    s.src = 'https:\/\/wellumina.pro\/wp-content\/uploads\/wellumina-3d-v5\/wlm3d-bundle-v5.js?v=5';\n    s.async = true;\n    document.body.appendChild(s);\n  }\n  if('IntersectionObserver' in window){\n    var io = new IntersectionObserver(function(es){\n      es.forEach(function(en){ if(en.isIntersecting){ loadScene(); io.disconnect(); } });\n    }, {rootMargin: '300px 0px'});\n    io.observe(root);\n  } else { loadScene(); }\n})();\n<\/script>\n\n<style>\n\/* ===== \u0422\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 (page-id-5216): 3D-\u043a\u0430\u0440\u0442\u0430 \u043f\u043e\u0434 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0439 \u043a\u0440\u0430\u0441\u043d\u043e\u0439 \u0448\u0430\u043f\u043a\u043e\u0439 ===== *\/\n\/* \u0428\u0430\u043f\u043a\u0430 \u0437\u0434\u0435\u0441\u044c \u043e\u0431\u044b\u0447\u043d\u0430\u044f \u2014 \u043a\u0440\u0430\u0441\u043d\u0430\u044f \u0441 \u0431\u0435\u0436\u0435\u0432\u043e\u0439 \u0431\u0435\u0433\u0443\u0449\u0435\u0439 \u0441\u0442\u0440\u043e\u043a\u043e\u0439, \u043a\u0430\u043a \u043d\u0430 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u0441\u0430\u0439\u0442\u0430,\n   \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0435\u0451 \u0441\u0442\u0438\u043b\u0438 \u043d\u0435 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442\u0441\u044f. \u0412\u0438\u0434\u0436\u0435\u0442 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u0432\u0441\u0451, \u0447\u0442\u043e \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043f\u043e\u0434 \u0448\u0430\u043f\u043a\u043e\u0439\n   (\u0432\u044b\u0441\u043e\u0442\u0443 \u0448\u0430\u043f\u043a\u0438 --wl-hh \u043f\u043e\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043a\u0440\u0438\u043f\u0442 \u043d\u0438\u0436\u0435), \u0431\u0435\u0437 \u0441\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u0438\u0439. *\/\nbody.page-id-5216 .wlm3d{\n  height: calc(100dvh - var(--wl-hh, 182px));\n  min-height: 520px;\n  max-height: none;\n  border-radius: 0;\n}\n<\/style>\n<script>\n(function () {\n  var root = document.getElementById('wlm3d-root');\n  if (!root) return;\n  function setHeaderHeight() {\n    var sp = document.querySelector('.wl-spacer');\n    if (sp && sp.offsetHeight) root.style.setProperty('--wl-hh', sp.offsetHeight + 'px');\n  }\n  setHeaderHeight();\n  window.addEventListener('DOMContentLoaded', setHeaderHeight);\n  window.addEventListener('load', setHeaderHeight);\n  window.addEventListener('resize', setHeaderHeight, { passive: true });\n  setTimeout(setHeaderHeight, 400);   \/* \u0448\u0430\u043f\u043a\u0430 \u043c\u043e\u0436\u0435\u0442 \u0434\u043e\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u043e\u0437\u0436\u0435 (\u0448\u0440\u0438\u0444\u0442\u044b, \u043b\u043e\u0433\u043e\u0442\u0438\u043f) *\/\n  setTimeout(setHeaderHeight, 1500);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Wellumina Wellcolor\u041a\u0430\u0440\u0442\u0430 \u0446\u0432\u0435\u0442\u043e\u0432 Wellumina \u041a\u0430\u0440\u0442\u0430 \u0446\u0432\u0435\u0442\u043e\u0432\u0432 \u043e\u0431\u044a\u0451\u043c\u0435 \u041d\u0430\u0441\u0442\u043e\u044f\u0449\u0430\u044f \u043f\u0430\u043b\u0438\u0442\u0440\u0430 \u0441\u0430\u043b\u043e\u043d\u0430 \u2014 \u0440\u0430\u0441\u043a\u0440\u043e\u0439\u0442\u0435, \u043f\u043e\u0432\u0435\u0440\u043d\u0438\u0442\u0435, \u043f\u0440\u0438\u0431\u043b\u0438\u0437\u044c\u0442\u0435\u0441\u044c \u043a \u043b\u043e\u043a\u043e\u043d\u0443. 50 \u043e\u0442\u0442\u0435\u043d\u043a\u043e\u0432 \u043f\u0435\u0440\u043c\u0430\u043d\u0435\u043d\u0442\u043d\u043e\u0439 \u043a\u0440\u0435\u043c-\u043a\u0440\u0430\u0441\u043a\u0438. \u0417\u0430\u043a\u0440\u044b\u0442\u043e \u0421\u0442\u0435\u043d\u0434 \u0420\u0430\u0437\u0432\u043e\u0440\u043e\u0442 \u041e\u043f\u0446\u0438\u0438 \u0438 \u0432\u0438\u0434 \u0421\u0430\u043b\u043e\u043d\u043d\u044b\u0439 \u0441\u0432\u0435\u0442 \u0414\u043d\u0435\u0432\u043d\u043e\u0439 \u0441\u0432\u0435\u0442 \u041e\u0431\u044a\u0451\u043c\u043d\u044b\u0435 \u043b\u043e\u043a\u043e\u043d\u044b \u0413\u043b\u0443\u0431\u0438\u043d\u0430 \u0440\u0435\u0437\u043a\u043e\u0441\u0442\u0438 \u041a\u0438\u043d\u043e-\u044d\u0444\u0444\u0435\u043a\u0442\u044b \u0422\u044f\u043d\u0438\u0442\u0435 \u2014 \u043f\u043e\u0432\u043e\u0440\u043e\u0442 \u041a\u043e\u043b\u0435\u0441\u043e \u2014 \u0437\u0443\u043c \u043a \u043a\u0443\u0440\u0441\u043e\u0440\u0443 \u041f\u0440\u0430\u0432\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u2014 \u0441\u0434\u0432\u0438\u0433 \u041d\u0430\u0432\u0435\u0434\u0438\u0442\u0435 \u043d\u0430 \u043b\u043e\u043a\u043e\u043d \u2014 \u043e\u0442\u0442\u0435\u043d\u043e\u043a \u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u0430\u0440\u0442\u044b \u0446\u0432\u0435\u0442\u043e\u0432 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":-1,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5216","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/wellumina.pro\/ru\/wp-json\/wp\/v2\/pages\/5216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wellumina.pro\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wellumina.pro\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wellumina.pro\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wellumina.pro\/ru\/wp-json\/wp\/v2\/comments?post=5216"}],"version-history":[{"count":5,"href":"https:\/\/wellumina.pro\/ru\/wp-json\/wp\/v2\/pages\/5216\/revisions"}],"predecessor-version":[{"id":9395,"href":"https:\/\/wellumina.pro\/ru\/wp-json\/wp\/v2\/pages\/5216\/revisions\/9395"}],"wp:attachment":[{"href":"https:\/\/wellumina.pro\/ru\/wp-json\/wp\/v2\/media?parent=5216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}