{"id":4572,"date":"2026-03-15T21:06:39","date_gmt":"2026-03-15T12:06:39","guid":{"rendered":"https:\/\/4771labo.com\/?page_id=4572"},"modified":"2026-05-24T19:11:10","modified_gmt":"2026-05-24T10:11:10","slug":"%e5%bb%83%e5%a2%9f%e9%83%bd%e5%b8%82%e3%82%ab%e3%83%a9%e3%83%bc%e3%82%b7%e3%83%9f%e3%83%a5%e3%83%ac%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3","status":"publish","type":"page","link":"https:\/\/4771labo.com\/?page_id=4572","title":{"rendered":"\u5ec3\u589f\u90fd\u5e02\u30ab\u30e9\u30fc\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u30de\u30a6\u30b9\u30ab\u30fc\u30bd\u30eb\u3092\u5408\u308f\u305b\u308b\u3068\u3001RGB\u30b3\u30fc\u30c9\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<br>\u307e\u305f\u3001\u8272\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u8272\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3067\u304d\u307e\u3059\u3002<br>\u5ec3\u589f\u90fd\u5e02\u306b\u3001\u3042\u306a\u305f\u306e\u597d\u304d\u306a\u8272\u3092\u3002<\/p>\n\n\n\n<!-- HTML \u5074 -->\n<h2 id=\"i-0\">\u539f\u8272\u30ab\u30e9\u30fc (140\u8272)<\/h2>\n<div id=\"genshoku-palette\"><\/div>\n\n<h2 id=\"i-1\">\u30d1\u30b9\u30c6\u30eb\u30ab\u30e9\u30fc (300\u8272)<\/h2>\n<div id=\"pastel-palette\"><\/div>\n\n<h2 id=\"i-2\">WEB\u30bb\u30fc\u30d5\u30ab\u30e9\u30fc (216\u8272)<\/h2>\n<div id=\"web216-palette\"><\/div>\n\n<h2 id=\"i-3\">\u65e5\u672c\u306e\u4f1d\u7d71\u8272 (465\u8272)<\/h2>\n<div id=\"traditional-palette\"><\/div>\n\n<h2 id=\"i-4\">\u6d0b\u8272 (285\u8272)<\/h2>\n<div id=\"western-palette\"><\/div>\n\n\n\n<style>\n  .palette-row {\n    display: flex;\n    margin-bottom: 1px;\n    flex-wrap: wrap;\n\n    opacity: 1 !important;\n    background-color: #ffffff;\n}\n\n\n  \/* \u30ab\u30e9\u30fc\u30de\u30b9\uff08\u89aa\u8981\u7d20\uff09 *\/\n  .palette-swatch {\n    width: calc(100% \/ 12 - 2px); \/* 12\u5217\u60f3\u5b9a\u3067\u9699\u9593\u3092\u8abf\u6574 *\/\n    height: 50px;\n    margin-right: 1px;\n    position: relative; \/* \u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u306e\u57fa\u6e96\u70b9 *\/\n    cursor: pointer;\n  }\n\n  @media (max-width: 768px) {\n    .palette-swatch {\n      width: calc(100% \/ 6 - 2px);\n    }\n  }\n\n  \/* ===================================================\n     \u3010\u57fa\u672c\u8a2d\u5b9a\u3011\u901a\u5e38\u306e\u30de\u30b9\uff08\u5de6\u5074\u301c\u4e2d\u592e\uff09\u306f\u3001\u5de6\u63c3\u3048\u3067\u53f3\u306b\u4f38\u3070\u3059\n     =================================================== *\/\n  .palette-swatch span {\n    display: block;\n    width: max-content;         \/* \u6587\u5b57\u306e\u9577\u3055\u306b\u5408\u308f\u305b\u3066\u6a2a\u5e45\u3092\u81ea\u52d5\u3067\u5e83\u3052\u308b *\/\n    \n    visibility: hidden;\n    opacity: 0;\n    position: absolute;\n    bottom: 110%;               \/* \u30de\u30b9\u306e\u5c11\u3057\u4e0a\u306b\u914d\u7f6e *\/\n    \n    left: 0;                    \/* \u30de\u30b9\u306e\u5de6\u7aef\u3092\u30b9\u30bf\u30fc\u30c8\u5730\u70b9\u306b\u3059\u308b *\/\n    right: auto;\n    transform: none;\n\n    white-space: nowrap;        \/* \u30c6\u30ad\u30b9\u30c8\u306e\u6298\u308a\u8fd4\u3057\u3092\u7d76\u5bfe\u306b\u9632\u3050 *\/\n    z-index: 100;\n    \n    \/* \u30c4\u30fc\u30eb\u30c1\u30c3\u30d7\u306e\u30c7\u30b6\u30a4\u30f3\uff08\u9ed2\u80cc\u666f\u306b\u767d\u6587\u5b57\u3001\u4f59\u8a08\u306a\u52d5\u304d\u306f\u7121\u3057\uff09 *\/\n    background-color: rgba(0, 0, 0, 0.85);\n    color: #fff;\n    text-align: center;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 12px;\n    pointer-events: none;       \/* \u30de\u30a6\u30b9\u306e\u53cd\u5fdc\u3092\u90aa\u9b54\u3057\u306a\u3044 *\/\n    transition: opacity 0.15s;  \/* \u30d1\u30c3\u3068\u6d88\u3048\u5165\u308a\u3059\u308b\u6700\u5c0f\u9650\u306e\u30d5\u30a7\u30fc\u30c9\u306e\u307f *\/\n  }\n\n  \/* ===================================================\n     \u3010\u91cd\u8981\u3011\u53f3\u5074\u306b\u3042\u308b\u30de\u30b9\u3060\u3051\u3001\u53f3\u63c3\u3048\uff08\u5de6\u306b\u4f38\u3070\u3059\uff09\u306b\u4e0a\u66f8\u304d\u3059\u308b\n     =================================================== *\/\n  \n  \/* PC\u30b5\u30a4\u30ba\uff0812\u5217\uff09\uff1a\u53f3\u5074\u306e4\u5217\uff089\u301c12\u756a\u76ee\u306e\u30de\u30b9\uff09\u306f\u53f3\u63c3\u3048\u306b\u3059\u308b *\/\n  .palette-swatch:nth-child(12n + 9) span,\n  .palette-swatch:nth-child(12n + 10) span,\n  .palette-swatch:nth-child(12n + 11) span,\n  .palette-swatch:nth-child(12n + 12) span {\n    left: auto;\n    right: 0;                   \/* \u30de\u30b9\u306e\u53f3\u7aef\u3092\u30b9\u30bf\u30fc\u30c8\u5730\u70b9\u306b\u3057\u3066\u5de6\u306b\u4f38\u3070\u3059 *\/\n  }\n\n  \/* \u30b9\u30de\u30db\u30b5\u30a4\u30ba\uff086\u5217\uff09\uff1a\u53f3\u5074\u306e2\u5217\uff085\u301c6\u756a\u76ee\u306e\u30de\u30b9\uff09\u306f\u53f3\u63c3\u3048\u306b\u3059\u308b *\/\n  @media (max-width: 768px) {\n    \/* PC\u7528\u306e12\u5217\u8a2d\u5b9a\u3092\u4e00\u5ea6\u30ea\u30bb\u30c3\u30c8 *\/\n    .palette-swatch:nth-child(12n + 9) span,\n    .palette-swatch:nth-child(12n + 10) span,\n    .palette-swatch:nth-child(12n + 11) span,\n    .palette-swatch:nth-child(12n + 12) span {\n      left: 0;\n      right: auto;\n    }\n    \/* \u30b9\u30de\u30db\u7528\u306e6\u5217\u8a2d\u5b9a\u3092\u9069\u7528 *\/\n    .palette-swatch:nth-child(6n + 5) span,\n    .palette-swatch:nth-child(6n + 6) span {\n      left: auto;\n      right: 0;\n    }\n  }\n\n  \/* \u30db\u30d0\u30fc\u3057\u305f\u6642\u3060\u3051\u8868\u793a *\/\n  .palette-swatch:hover span {\n    visibility: visible;\n    opacity: 1;\n  }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u30de\u30a6\u30b9\u30ab\u30fc\u30bd\u30eb\u3092\u5408\u308f\u305b\u308b\u3068\u3001RGB\u30b3\u30fc\u30c9\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u307e\u305f\u3001\u8272\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u8272\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3067\u304d\u307e\u3059\u3002\u5ec3\u589f\u90fd\u5e02\u306b\u3001\u3042\u306a\u305f\u306e\u597d\u304d\u306a\u8272\u3092\u3002 \u539f\u8272\u30ab\u30e9\u30fc (140\u8272) \u30d1\u30b9\u30c6\u30eb\u30ab\u30e9\u30fc (300\u8272) WEB\u30bb\u30fc\u30d5\u30ab\u30e9\u30fc (2 &#8230; <\/p>\n","protected":false},"author":1,"featured_media":4137,"parent":2216,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4572","page","type-page","status-publish","has-post-thumbnail","entry"],"_links":{"self":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/4572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4572"}],"version-history":[{"count":44,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/4572\/revisions"}],"predecessor-version":[{"id":5585,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/4572\/revisions\/5585"}],"up":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/2216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/media\/4137"}],"wp:attachment":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}