{"id":991496,"date":"2023-12-21T15:34:08","date_gmt":"2023-12-21T12:34:08","guid":{"rendered":"https:\/\/www.accusys.com.tw\/?p=991496"},"modified":"2025-07-21T15:35:34","modified_gmt":"2025-07-21T12:35:34","slug":"2023","status":"publish","type":"post","link":"https:\/\/www.accusys.com.tw\/tw\/news\/color-of-the-year\/2023\/","title":{"rendered":"2023"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"991496\" class=\"elementor elementor-991496\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf35633 e-flex e-con-boxed e-con e-parent\" data-id=\"bf35633\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a7276a elementor-widget elementor-widget-html\" data-id=\"2a7276a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Accusys 2023 - Viva Magenta<\/title>\n    <style>\n        :root {\n            --viva-magenta: #BE3455;\n            --light-magenta: #E77A93;\n            --dark-magenta: #8C1C3D;\n        }\n        body, html {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            line-height: 1.6;\n            color: #333;\n            background-color: #f4f4f4;\n            margin: 0;\n            padding: 0;\n        }\n        .container {\n            max-width: 800px;\n            margin: 40px auto;\n            padding: 40px;\n            background-color: white;\n            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n        }\n        .magenta-wave {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 100px;\n            background: linear-gradient(45deg, var(--viva-magenta), var(--light-magenta), var(--dark-magenta));\n            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);\n            opacity: 0.1;\n        }\n        .dynamic-circles {\n            position: absolute;\n            bottom: 0;\n            right: 0;\n            width: 200px;\n            height: 200px;\n            overflow: hidden;\n        }\n        header {\n            text-align: center;\n            margin-bottom: 30px;\n            position: relative;\n            z-index: 1;\n        }\n        header img {\n            max-width: 200px;\n            height: auto;\n        }\n        .content {\n            text-align: justify;\n            margin-bottom: 20px;\n            position: relative;\n            z-index: 1;\n        }\n        .content p {\n            margin-bottom: 20px;\n        }\n        .quote {\n            font-style: italic;\n            color: var(--viva-magenta);\n            text-align: center;\n            font-size: 1.2em;\n            margin: 30px 0;\n            padding: 20px;\n            border-left: 3px solid var(--viva-magenta);\n            background-color: #f9f9f9;\n        }\n        @media (max-width: 600px) {\n            .container {\n                padding: 20px;\n                margin: 20px;\n            }\n            header img {\n                max-width: 150px;\n            }\n            .magenta-wave {\n                height: 60px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"magenta-wave\"><\/div>\n        <div class=\"dynamic-circles\"><\/div>\n        <header>\n            <img decoding=\"async\" src=\"https:\/\/www.accusys.com.tw\/wp-content\/uploads\/2025\/07\/26536bfc-61d6-4cbb-af5c-88f4b03a3e6b1-scaled.png\" alt=\"Accusys Logo\">\n        <\/header>\n        <div class=\"content\">\n            <p>\u7576\u4eba\u985e\u8abf\u6574\u597d\u5fc3\u614b\uff0c\u80fd\u5920\u81ea\u5728\u5730\u8207\u7576\u524d\u6700\u5927\u7684\u5a01\u8105\u2014\u75ab\u60c5\u5171\u5b58\uff0c\u8fce\u63a5\u65b0\u7684\u6b63\u5e38\u751f\u6d3b\u4e4b\u9918\uff0c\u5f69\u901a\uff08Pantone\uff09 \u5ba3\u5e03\u4e862023\u65b0\u4e00\u5e74\u7684\u5e74\u5ea6\u8272\u70ba\u300c\u842c\u6b72\u6d0b\u7d05\uff08Viva Magenta\uff09\u300d\uff0c\u5b83\u5c55\u73fe\u7684\u662f\u5168\u65b0\u7684\u3001\u5145\u6eff\u6d3b\u529b\u7684\u3001\u503c\u5f97\u6176\u795d\u7684\u984f\u8272\uff1b\u5b83\u4ee3\u8868\u8457\u52c7\u6562\u7121\u754f\u3001\u7121\u62d8\u7121\u675f\u3001\u5927\u81bd\u751f\u6d3b\uff0c\u8c61\u5fb5\u8457\u5145\u6eff\u667a\u6167\u3001\u5305\u5bb9\u4e00\u5207\u3002\u9664\u4e86\u70ba\u65b0\u7684\u672a\u4f86\u8a3b\u89e3\u4e86\u4e00\u500b\u8c54\u9e97\u7684\u8272\u5f69\uff0c\u4e5f\u6620\u7167\u4e86\u904e\u53bb\u4e00\u5e74\u7684\u751f\u6d3b\uff0c\u4e26\u5728\u65b0\u7684\u4e00\u5e74\u6301\u7e8c\u7cbe\u5f69\u5ef6\u4f38\u3002<\/p>\n            \n            <div class=\"quote\">\n                Viva Magenta \u71b1\u60c5\u5954\u653e\uff0c\u8b93\u4eba\u611f\u53d7\u5230\u6eff\u6eff\u7684\u529b\u91cf\u8207\u52c7\u6c23\u3002\n            <\/div>\n            \n            <p>\u71b1\u60c5\u7684\u842c\u6b72\u6d0b\u7d05\uff0c\u5f77\u5f7f\u5c07\u904e\u53bb\u4e00\u5e74\u51ac\u5b63\u5967\u6797\u5339\u514b\u904b\u52d5\u6703\u8207\u570b\u969b\u8db3\u7e3d\u4e16\u754c\u76c3\u7684\u7099\u71b1\u8840\u6db2\uff0c\u6301\u7e8c\u5728\u65b0\u7684\u4e00\u5e74\u6d41\u52d5\u8207\u5954\u653e\uff0c\u8b93\u5d84\u65b0\u7684\u751f\u547d\u529b\u4f9d\u820a\u71b1\u8840\u6cb8\u9a30\uff0c\u5c55\u73fe\u6d3b\u6f51\u8207\u71b1\u60c5\u7684\u6d3b\u52d5\u529b\uff1b\u800c\u5728\u53e6\u4e00\u65b9\u9762\uff0c\u842c\u6b72\u6d0b\u7d05\u6295\u5c04\u51fa\u7684\u5927\u81bd\u3001\u7121\u754f\u8207\u53db\u9006\uff0c\u4e5f\u6070\u597d\u80fd\u5920\u6620\u5c04\u57282022\u7206\u767c\u7684\u6230\u722d\uff0c\u6642\u6642\u523b\u523b\u63d0\u9192\u8457\u6211\u5011\u90a3\u4e9b\u67d3\u4e0b\u9bae\u8c54\u984f\u8272\u7684\u5229\u5203\uff0c\u8207\u751f\u547d\u6d41\u901d\u7684\u50b7\u75db\u8207\u54c0\u865f\uff1b\u800c\u6700\u5927\u7684\u7a81\u7834\u83ab\u904e\u65bc\u6b77\u7d93\u4e09\u5e74\uff0c\u4eba\u985e\u96d6\u7136\u6c92\u6709\u6230\u52dd\u75ab\u60c5\uff0c\u4f46\u6211\u5011\u8f49\u63db\u4e86\u5fc3\u614b\u4e26\u80fd\u5920\u9f13\u8d77\u52c7\u6c23\u63a5\u53d7\u8207\u75ab\u60c5\u5171\u5b58\uff0c\u4e5f\u56e0\u6b64\u8b93\u8a31\u591a\u4eba\u6f38\u6f38\u627e\u56de\u4e86\u7576\u521d\u90a3\u4e9b\u8ce6\u4e88\u5e0c\u671b\u7684\u751f\u6d3b\u548c\u65b0\u9858\u666f\u3002<\/p>\n            \n            <p>\u842c\u6b72\u6d0b\u7d05\u71b1\u60c5\u4e14\u5954\u653e\uff0c\u8b93\u4eba\u89ba\u5f97\u5145\u6eff\u8457\u529b\u91cf\u8207\u52c7\u6c23\uff0cAccusys \u7576\u7136\u4e5f\u6703\u79c9\u6301\u8457\u7121\u6240\u754f\u61fc\u7684\u7cbe\u795e\uff0c\u8207\u842c\u6b72\u6d0b\u7d05\u4e00\u6a23\uff0c\u5728\u65b0\u7684\u4e00\u5e74\u5e36\u8457\u65b0\u7522\u54c1\u8207\u5927\u5bb6\u4e00\u540c\u898b\u9762\u3002\u6211\u5011\u4e5f\u671f\u8a31\u5927\u5bb6\u5728\u65b0\u7684\u4e00\u5e74\u90fd\u80fd\u5920\u611f\u67d3\u842c\u6b72\u6d0b\u7d05\u6240\u5c55\u73fe\u7684\u7cbe\u795e\uff0c\u5e36\u8457\u65b0\u6c23\u8c61\u8fce\u63a5\u65b0\u76842023\u5e74\u3002<\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const container = document.querySelector('.container');\n            const dynamicCircles = document.querySelector('.dynamic-circles');\n            \n            \/\/ \u5275\u5efa\u52d5\u614b\u5713\u5708\u6548\u679c\n            for (let i = 0; i < 5; i++) {\n                const circle = document.createElement('div');\n                circle.style.position = 'absolute';\n                circle.style.borderRadius = '50%';\n                circle.style.backgroundColor = '#BE3455';\n                circle.style.opacity = '0.1';\n                circle.style.animation = `pulse 4s infinite ${i * 0.5}s`;\n                dynamicCircles.appendChild(circle);\n            }\n\n            \/\/ \u6dfb\u52a0\u95dc\u9375\u5e40\u52d5\u756b\n            const style = document.createElement('style');\n            style.textContent = `\n                @keyframes pulse {\n                    0% { transform: scale(0); opacity: 0.1; }\n                    50% { transform: scale(1); opacity: 0.2; }\n                    100% { transform: scale(1.5); opacity: 0; }\n                }\n            `;\n            document.head.appendChild(style);\n\n            \/\/ \u9801\u9762\u52a0\u8f09\u52d5\u756b\n            container.style.opacity = '0';\n            container.style.transform = 'translateY(20px)';\n            container.style.transition = 'opacity 0.8s ease-out, transform 0.8s ease-out';\n            \n            setTimeout(() => {\n                container.style.opacity = '1';\n                container.style.transform = 'translateY(0)';\n            }, 100);\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; Recently, human beings adjusted us mentality. We&#8217;ve learned to coexist with the virus and will move towards a new normal life. In the meanwhile, Pantone announced the color of the year for 2023 as &#8220;Viva Magenta&#8221;. The color shows new, vibrant, and celebratory. It presents fearlessness, freedom, and bold living, and it symbolized&#8230;<\/p>","protected":false},"author":1,"featured_media":991492,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[72],"tags":[],"class_list":["post-991496","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-color-of-the-year"],"_links":{"self":[{"href":"https:\/\/www.accusys.com.tw\/tw\/wp-json\/wp\/v2\/posts\/991496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.accusys.com.tw\/tw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.accusys.com.tw\/tw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.accusys.com.tw\/tw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.accusys.com.tw\/tw\/wp-json\/wp\/v2\/comments?post=991496"}],"version-history":[{"count":4,"href":"https:\/\/www.accusys.com.tw\/tw\/wp-json\/wp\/v2\/posts\/991496\/revisions"}],"predecessor-version":[{"id":991501,"href":"https:\/\/www.accusys.com.tw\/tw\/wp-json\/wp\/v2\/posts\/991496\/revisions\/991501"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.accusys.com.tw\/tw\/wp-json\/wp\/v2\/media\/991492"}],"wp:attachment":[{"href":"https:\/\/www.accusys.com.tw\/tw\/wp-json\/wp\/v2\/media?parent=991496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.accusys.com.tw\/tw\/wp-json\/wp\/v2\/categories?post=991496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.accusys.com.tw\/tw\/wp-json\/wp\/v2\/tags?post=991496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}