(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["5a815f5c"],{"5a815f5c":function(a,e,d){"use strict";d.d(e,"__esModule",{value:!0}),d.d(e,"texts",{enumerable:!0,get:function(){return t;}}),d("1d0ad369");let t=[{value:"\u5927\u5BB6\u597D\uFF0C\u6211\u662F ",paraId:0},{value:"Redjue\uFF08\u7EA2\u679C\u6C41\uFF09",paraId:0},{value:"\uFF0C\u5F88\u8363\u5E78\u4ECA\u5E74\u6709\u673A\u4F1A\u5411 ",paraId:0},{value:"Ant Design",paraId:0},{value:" \u8D21\u732E\u4E86\u989C\u8272\u9009\u62E9\u5668\u7EC4\u4EF6 ",paraId:0},{value:"ColorPicker",paraId:1},{value:"\uFF0C\u8FD9\u662F\u4E00\u6B21\u5F88\u68D2\u7684\u5B66\u4E60\u673A\u4F1A\uFF0C\u4E5F\u8BA9\u6211\u5BF9 ",paraId:0},{value:"Ant Design",paraId:0},{value:" \u7684\u5F00\u53D1\u6D41\u7A0B\u6709\u4E86\u66F4\u6DF1\u5165\u7684\u4E86\u89E3\u3002\u5728\u8FD9\u7BC7\u6587\u7AE0\u4E2D\uFF0C\u6211\u5C06\u5206\u4EAB\u4E00\u4E0B\u5177\u4F53\u7684\u5B9E\u73B0\u8FC7\u7A0B\u3002",paraId:0},{value:"\u5728\u5B9E\u73B0\u4E4B\u524D\u6211\u4EEC\u9700\u8981\u4E86\u89E3\u4E00\u4E2A\u6982\u5FF5\uFF1A\u8272\u5F69\u6A21\u578B\u3002\u8272\u5F69\u6A21\u578B\u662F\u4E00\u79CD\u7528\u4E8E\u63CF\u8FF0\u8272\u5F69\u7684\u6570\u5B66\u6A21\u578B\uFF0C\u5E38\u89C1\u7684\u8272\u5F69\u6A21\u578B\u6709 ",paraId:2,tocIndex:0},{value:"RGB",paraId:2,tocIndex:0},{value:"\u3001",paraId:2,tocIndex:0},{value:"HSV",paraId:2,tocIndex:0},{value:"\u3001",paraId:2,tocIndex:0},{value:"HEX",paraId:2,tocIndex:0},{value:" \u7B49\u3002\u5728\u8FD9\u4E9B\u8272\u5F69\u6A21\u578B\u4E2D\uFF0C",paraId:2,tocIndex:0},{value:"RGB",paraId:2,tocIndex:0},{value:" \u662F\u6700\u5E38\u89C1\u7684\u8272\u5F69\u6A21\u578B\uFF0C\u4E5F\u662F\u6700\u5BB9\u6613\u7406\u89E3\u7684\u8272\u5F69\u6A21\u578B\uFF0C\u56E0\u6B64\u6211\u4EEC\u5148\u6765\u770B\u4E00\u4E0B ",paraId:2,tocIndex:0},{value:"RGB",paraId:2,tocIndex:0},{value:" \u8272\u5F69\u6A21\u578B\u3002",paraId:2,tocIndex:0},{value:"RGB",paraId:3,tocIndex:1},{value:" \u8272\u5F69\u6A21\u578B\u662F\u901A\u8FC7\u4E09\u539F\u8272\uFF08\u7EA2\u3001\u7EFF\u3001\u84DD\uFF09\u7684\u4E0D\u540C\u7EC4\u5408\u6765\u8868\u793A\u8272\u5F69\u7684\uFF0C\u6BCF\u4E2A\u539F\u8272\u7684\u53D6\u503C\u8303\u56F4\u662F 0-255\uFF0C\u4E09\u539F\u8272\u7684\u7EC4\u5408\u53EF\u4EE5\u8868\u793A 256",paraId:3,tocIndex:1},{value:"3",paraId:3,tocIndex:1},{value:" \u79CD\u989C\u8272\uFF0C\u8FD9\u4E9B\u989C\u8272\u53EF\u4EE5\u7EC4\u6210\u4E00\u4E2A\u7ACB\u65B9\u4F53\uFF0C\u5982\u4E0B\u56FE\u6240\u793A\uFF1A ",paraId:3,tocIndex:1},{value:"\u5728 ",paraId:4,tocIndex:1},{value:"RGB",paraId:4,tocIndex:1},{value:" \u8272\u5F69\u6A21\u578B\u4E2D\uFF0C\u6BCF\u4E2A\u989C\u8272\u90FD\u53EF\u4EE5\u7528\u4E00\u4E2A\u4E09\u5143\u7EC4 ",paraId:4,tocIndex:1},{value:"(R, G, B)",paraId:4,tocIndex:1},{value:" \u6765\u8868\u793A\uFF0C\u5176\u4E2D ",paraId:4,tocIndex:1},{value:"R",paraId:4,tocIndex:1},{value:" \u8868\u793A\u7EA2\u8272\u7684\u53D6\u503C\uFF0C",paraId:4,tocIndex:1},{value:"G",paraId:4,tocIndex:1},{value:" \u8868\u793A\u7EFF\u8272\u7684\u53D6\u503C\uFF0C",paraId:4,tocIndex:1},{value:"B",paraId:4,tocIndex:1},{value:" \u8868\u793A\u84DD\u8272\u7684\u53D6\u503C\u3002\u4F8B\u5982\uFF0C\u7EA2\u8272\u53EF\u4EE5\u8868\u793A\u4E3A ",paraId:4,tocIndex:1},{value:"rgb(255, 0, 0)",paraId:4,tocIndex:1},{value:"\uFF0C\u7EFF\u8272\u53EF\u4EE5\u8868\u793A\u4E3A ",paraId:4,tocIndex:1},{value:"rgb(0, 255, 0)",paraId:4,tocIndex:1},{value:"\uFF0C\u84DD\u8272\u53EF\u4EE5\u8868\u793A\u4E3A ",paraId:4,tocIndex:1},{value:"rgb(0, 0, 255)",paraId:4,tocIndex:1},{value:"\u3002",paraId:4,tocIndex:1},{value:"HSV",paraId:5,tocIndex:2},{value:" \u8272\u5F69\u6A21\u578B\u662F\u901A\u8FC7\u8272\u76F8\uFF08Hue\uFF09\u3001\u9971\u548C\u5EA6\uFF08Saturation\uFF09\u3001\u660E\u5EA6\uFF08Value\uFF09\u6765\u8868\u793A\u8272\u5F69\u7684\uFF0C\u5176\u4E2D\u8272\u76F8\u7684\u53D6\u503C\u8303\u56F4\u662F 0-360\uFF0C\u9971\u548C\u5EA6\u548C\u660E\u5EA6\u7684\u53D6\u503C\u8303\u56F4\u662F 0-100\u3002HSV \u8272\u5F69\u6A21\u578B\u53EF\u4EE5\u7528\u4E00\u4E2A\u5706\u9525\u4F53\u6765\u8868\u793A\uFF0C\u5982\u4E0B\u56FE\u6240\u793A\uFF1A ",paraId:5,tocIndex:2},{value:"\u5728 ",paraId:6,tocIndex:2},{value:"HSV",paraId:6,tocIndex:2},{value:" \u8272\u5F69\u6A21\u578B\u4E2D\uFF0C\u6BCF\u4E2A\u989C\u8272\u90FD\u53EF\u4EE5\u7528\u4E00\u4E2A\u4E09\u5143\u7EC4 ",paraId:6,tocIndex:2},{value:"(H, S, V)",paraId:6,tocIndex:2},{value:" \u6765\u8868\u793A\uFF0C\u5176\u4E2D ",paraId:6,tocIndex:2},{value:"H",paraId:6,tocIndex:2},{value:" \u8868\u793A\u8272\u76F8\u7684\u53D6\u503C\uFF0C",paraId:6,tocIndex:2},{value:"S",paraId:6,tocIndex:2},{value:" \u8868\u793A\u9971\u548C\u5EA6\u7684\u53D6\u503C\uFF0C",paraId:6,tocIndex:2},{value:"V",paraId:6,tocIndex:2},{value:" \u8868\u793A\u660E\u5EA6\u7684\u53D6\u503C\u3002\u4F8B\u5982\uFF0C\u7EA2\u8272\u53EF\u4EE5\u8868\u793A\u4E3A ",paraId:6,tocIndex:2},{value:"hsv(0, 100, 100)",paraId:6,tocIndex:2},{value:"\uFF0C\u7EFF\u8272\u53EF\u4EE5\u8868\u793A\u4E3A ",paraId:6,tocIndex:2},{value:"hsv(120, 100, 100)",paraId:6,tocIndex:2},{value:"\uFF0C\u84DD\u8272\u53EF\u4EE5\u8868\u793A\u4E3A ",paraId:6,tocIndex:2},{value:"hsv(240, 100, 100)",paraId:6,tocIndex:2},{value:"\u3002",paraId:6,tocIndex:2},{value:"HEX",paraId:7,tocIndex:3},{value:" \u8272\u5F69\u6A21\u578B\u662F\u901A\u8FC7\u5341\u516D\u8FDB\u5236\u6570\u6765\u8868\u793A\u8272\u5F69\u7684\uFF0C\u5176\u4E2D\u524D\u4E24\u4F4D\u8868\u793A\u7EA2\u8272\u7684\u53D6\u503C\uFF0C\u4E2D\u95F4\u4E24\u4F4D\u8868\u793A\u7EFF\u8272\u7684\u53D6\u503C\uFF0C\u540E\u4E24\u4F4D\u8868\u793A\u84DD\u8272\u7684\u53D6\u503C\u3002\u4F8B\u5982\uFF0C\u7EA2\u8272\u53EF\u4EE5\u8868\u793A\u4E3A ",paraId:7,tocIndex:3},{value:"#FF0000",paraId:7,tocIndex:3},{value:"\uFF0C\u7EFF\u8272\u53EF\u4EE5\u8868\u793A\u4E3A ",paraId:7,tocIndex:3},{value:"#00FF00",paraId:7,tocIndex:3},{value:"\uFF0C\u84DD\u8272\u53EF\u4EE5\u8868\u793A\u4E3A ",paraId:7,tocIndex:3},{value:"#0000FF",paraId:7,tocIndex:3},{value:"\u3002\u5982\u4E0B\u56FE\u6240\u793A\uFF1A ",paraId:7,tocIndex:3},{value:"\u8FD9\u4E5F\u662F\u6211\u4EEC\u6700\u5E38\u89C1\u7684\u989C\u8272\u8868\u793A\u65B9\u5F0F\uFF0C\u56E0\u4E3A\u5B83\u53EF\u4EE5\u76F4\u63A5\u5728 CSS \u4E2D\u4F7F\u7528\u3002\u800C\u4E14\u8868\u793A\u65B9\u5F0F\u975E\u5E38\u7B80\u5355\uFF0C\u53EA\u9700\u8981\u5C06 RGB \u8272\u5F69\u6A21\u578B\u4E2D\u7684\u4E09\u4E2A\u6570\u5B57\u8F6C\u6362\u4E3A\u5341\u516D\u8FDB\u5236\u6570\u5373\u53EF\u3002",paraId:8,tocIndex:3},{value:"\u989C\u8272\u6A21\u578B\u7684\u8F6C\u6362\u9700\u8981\u4E0D\u540C\u7684\u7B97\u6CD5\uFF0C\u5E02\u9762\u4E0A\u5DF2\u7ECF\u6709\u5F88\u591A\u6210\u719F\u7684\u7C7B\u5E93\u53EF\u4EE5\u8FDB\u884C\u9009\u62E9\uFF0C\u5728\u5B9E\u73B0\u4E0A\u6211\u4EEC\u9009\u62E9\u4E86 ",paraId:9,tocIndex:4},{value:"tinycolor",paraId:9,tocIndex:4},{value:" \u8FD9\u4E2A\u7C7B\u5E93\uFF0C\u5B83\u652F\u6301 ",paraId:9,tocIndex:4},{value:"RGB",paraId:9,tocIndex:4},{value:"\u3001",paraId:9,tocIndex:4},{value:"HSL",paraId:9,tocIndex:4},{value:"\u3001",paraId:9,tocIndex:4},{value:"HSV",paraId:9,tocIndex:4},{value:"\u3001",paraId:9,tocIndex:4},{value:"HEX",paraId:9,tocIndex:4},{value:" \u7B49\u591A\u79CD\u8272\u5F69\u6A21\u578B\u7684\u8F6C\u6362\uFF0C\u800C\u4E14\u5B83\u7684\u4F53\u79EF\u975E\u5E38\u5C0F\uFF0C\u53EA\u6709 10KB \u5DE6\u53F3\uFF0C\u975E\u5E38\u9002\u5408\u5728\u6D4F\u89C8\u5668\u4E2D\u4F7F\u7528\u3002",paraId:9,tocIndex:4},{value:"\u7531\u4E8E\u6211\u4EEC\u9700\u8981\u5B9E\u73B0\u4E00\u4E2A\u989C\u8272\u9009\u62E9\u5668\uFF0C\u56E0\u6B64\u6211\u4EEC\u9700\u8981\u9009\u62E9\u4E00\u4E2A\u8272\u5F69\u6A21\u578B\u6765\u8868\u793A\u989C\u8272\u3002\u4ECE\u590D\u6742\u5EA6\u6765\u8BF4\uFF0C",paraId:10,tocIndex:5},{value:"RGB",paraId:10,tocIndex:5},{value:" \u8272\u5F69\u6A21\u578B\u662F\u6700\u7B80\u5355\u7684\uFF0C\u56E0\u4E3A\u5B83\u53EA\u9700\u8981\u4E09\u4E2A\u6570\u5B57\u5C31\u53EF\u4EE5\u8868\u793A\u4E00\u4E2A\u989C\u8272\uFF0C\u800C\u4E14\u5B83\u7684\u53D6\u503C\u8303\u56F4\u662F 0-255\uFF0C\u975E\u5E38\u5BB9\u6613\u7406\u89E3\u3002\u4F46\u662F ",paraId:10,tocIndex:5},{value:"RGB",paraId:10,tocIndex:5},{value:" \u8272\u5F69\u6A21\u578B\u7684\u7F3A\u70B9\u4E5F\u5F88\u660E\u663E\uFF0C\u5B83\u7684\u8272\u5F69\u7A7A\u95F4\u662F\u4E00\u4E2A\u7ACB\u65B9\u4F53\uFF0C\u800C\u4E14\u5728\u7ACB\u65B9\u4F53\u7684\u8FB9\u7F18\u989C\u8272\u7684\u53D8\u5316\u975E\u5E38\u660E\u663E\uFF0C\u8FD9\u6837\u7684\u8272\u5F69\u7A7A\u95F4\u5E76\u4E0D\u9002\u5408\u4EBA\u7C7B\u7684\u89C6\u89C9\u611F\u77E5\u3002",paraId:10,tocIndex:5},{value:"\u56E0\u6B64\uFF0C\u6211\u4EEC\u9700\u8981\u9009\u62E9\u4E00\u4E2A\u66F4\u9002\u5408\u4EBA\u7C7B\u89C6\u89C9\u611F\u77E5\u7684\u8272\u5F69\u6A21\u578B\uFF0C\u8FD9\u91CC\u6211\u4EEC\u9009\u62E9\u4E86 ",paraId:11,tocIndex:5},{value:"HSV",paraId:11,tocIndex:5},{value:" \u8272\u5F69\u6A21\u578B\uFF0C\u901A\u8FC7\u8272\u76F8\u3001\u9971\u548C\u5EA6\u3001\u660E\u5EA6\u4E09\u4E2A\u7EF4\u5EA6\u6765\u8868\u793A\u989C\u8272\uFF0C\u8FD9\u6837\u7684\u8272\u5F69\u7A7A\u95F4\u66F4\u52A0\u7B26\u5408\u4EBA\u7C7B\u7684\u89C6\u89C9\u611F\u77E5\uFF0C\u800C\u4E14\u5728\u8272\u5F69\u7A7A\u95F4\u7684\u8FB9\u7F18\u989C\u8272\u7684\u53D8\u5316\u4E5F\u4E0D\u4F1A\u592A\u660E\u663E\u3002",paraId:11,tocIndex:5},{value:"\u4E3B\u8981\u5206\u4E3A\u4E09\u90E8\u5206\u5B9E\u73B0\uFF1A\u989C\u8272\u9762\u677F\u3001\u9009\u62E9\u951A\u70B9\u548C\u6ED1\u5757\u3002",paraId:12,tocIndex:6},{value:"\u7531\u4E8E\u6211\u4EEC\u7528\u4E86 ",paraId:13,tocIndex:7},{value:"HSV",paraId:13,tocIndex:7},{value:" \u7684\u8272\u5F69\u6A21\u578B\uFF0C\u6240\u4EE5\u6211\u4EEC\u7684\u9700\u8981\u5C06\u8272\u76F8\u3001\u9971\u548C\u5EA6\u3001\u660E\u5EA6\u5728\u9762\u677F\u4E0A\u8868\u793A\u51FA\u6765\u3002",paraId:13,tocIndex:7},{value:"\u8272\u76F8",paraId:14,tocIndex:7},{value:"background-color: rgb(0, 106, 255);\n",paraId:15,tocIndex:7},{value:"\u8FD9\u6837\u6211\u4EEC\u5C31\u5F97\u5230\u4E00\u4E2A\u660E\u5EA6\u548C\u9971\u548C\u5EA6\u90FD\u4E3A 100% \u7684\u84DD\u8272 ",paraId:16,tocIndex:7},{value:"\u53E0\u52A0\u660E\u5EA6",paraId:17,tocIndex:7},{value:"background-color: rgb(0, 106, 255);\nbackground-image: linear-gradient(0deg, rgb(0, 0, 0), transparent);\n",paraId:18,tocIndex:7},{value:"\u53E0\u52A0\u660E\u5EA6\u56FE\u5C42\u540E\uFF0C\u6211\u4EEC\u5F97\u5230\u4E86\u5177\u6709\u660E\u5EA6\u53D8\u5316\u7684\u84DD\u8272 ",paraId:19,tocIndex:7},{value:"\u53E0\u52A0\u9971\u548C\u5EA6",paraId:20,tocIndex:7},{value:"background-color: rgb(0, 106, 255);\nbackground-image: linear-gradient(0deg, rgb(0, 0, 0), transparent),\n  linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0));\n",paraId:21,tocIndex:7},{value:"\u53E0\u52A0\u9971\u548C\u5EA6\u56FE\u5C42\u540E\uFF0C\u6211\u4EEC\u5F97\u5230\u4E86\u5177\u6709\u660E\u5EA6\u53D8\u5316\u548C\u9971\u548C\u5EA6\u53D8\u5316\u7684\u84DD\u8272 ",paraId:22,tocIndex:7},{value:"\u81F3\u6B64\u6211\u4EEC\u5C31\u5F97\u5230\u4E86\u4E00\u4E2A\u62E5\u6709\u5B8C\u6574\u8272\u76F8\u3001\u9971\u548C\u5EA6\u3001\u660E\u5EA6\u7684\u989C\u8272\u9762\u677F\u3002",paraId:23,tocIndex:7},{value:"\u9009\u62E9\u951A\u70B9\u7684\u5B9E\u73B0\u6BD4\u8F83\u7B80\u5355\uFF0C\u6211\u4EEC\u53EA\u9700\u8981\u5C06\u951A\u70B9\u7684\u504F\u79FB\u4F4D\u7F6E\u5BF9\u5E94\u5230\u989C\u8272\u9762\u677F\u7684\u9971\u548C\u5EA6\u3001\u660E\u5EA6\u5373\u53EF\u3002",paraId:24,tocIndex:8},{value:"...\nconst { width, height } = containerRef.current.getBoundingClientRect();\nconst { width: targetWidth, height: targetHeight } = targetRef.current.getBoundingClientRect();\nconst centerOffsetX = targetWidth / 2;\nconst centerOffsetY = targetHeight / 2;\n// \u9971\u548C\u5EA6\nconst saturation = (offset.x + centerOffsetX) / width;\n// \u660E\u5EA6\nconst bright = 1 - (offset.y + centerOffsetY) / height;\n",paraId:25,tocIndex:8},{value:"\u903B\u8F91\u540C\u4E0A\uFF0C\u6211\u4EEC\u53EA\u9700\u8981\u5C06\u6ED1\u5757\u7684\u504F\u79FB\u4F4D\u7F6E\u5BF9\u5E94\u5230\u989C\u8272\u7684\u8272\u76F8\u6216\u4E0D\u900F\u660E\u5EA6\u5373\u53EF\u3002",paraId:26,tocIndex:9},{value:"...\nconst { width, height } = containerRef.current.getBoundingClientRect();\nconst { width: targetWidth, height: targetHeight } = targetRef.current.getBoundingClientRect();\nconst centerOffsetX = targetWidth / 2;\nconst centerOffsetY = targetHeight / 2;\n// \u8272\u76F8\nconst hue = ((offset.x + centerOffsetX) / width) * 360;\n// \u4E0D\u900F\u660E\u5EA6\nconst alpha = (offset.x + centerOffsetX) / width;\n",paraId:27,tocIndex:9},{value:"\u81F3\u6B64\u6211\u4EEC\u5F97\u5230\u4E86\u4E00\u4E2A\u5B8C\u6574\u7684\u989C\u8272\u9009\u62E9\u5668\uFF0C\u5982\u4E0B\u56FE\u6240\u793A\uFF1A ",paraId:28,tocIndex:9},{value:"\u901A\u8FC7\u8FD9\u6B21\u5F00\u53D1\u4E4B\u65C5\uFF0C\u6211\u5BF9\u8272\u5F69\u6A21\u578B\u6709\u4E86\u66F4\u6DF1\u5165\u7684\u4E86\u89E3\uFF0C\u4E5F\u5BF9 ",paraId:29,tocIndex:10},{value:"Ant Design",paraId:29,tocIndex:10},{value:" \u7684\u5F00\u53D1\u6D41\u7A0B\u6709\u4E86\u66F4\u6DF1\u5165\u7684\u4E86\u89E3\u3002\u611F\u8C22 ",paraId:29,tocIndex:10},{value:"Ant Design",paraId:29,tocIndex:10},{value:" \u56E2\u961F\u7ED9\u6211\u8FD9\u6B21\u673A\u4F1A\uFF0C\u4E5F\u611F\u8C22\u5927\u5BB6\u7684\u9605\u8BFB\u3002\u5982\u679C\u5BF9\u7EC6\u8282\u5B9E\u73B0\u611F\u5174\u8DA3\u7684\u7AE5\u978B\uFF0C\u53EF\u4EE5\u79FB\u6B65 ",paraId:29,tocIndex:10},{value:"@rc-component/color-picker",paraId:29,tocIndex:10},{value:" \u67E5\u770B\u6E90\u7801\u5B9E\u73B0\u3002",paraId:29,tocIndex:10},{value:"https://zh.wikipedia.org/wiki/%E4%B8%89%E5%8E%9F%E8%89%B2%E5%85%89%E6%A8%A1%E5%BC%8F#/media/File:RGB_color_solid_cube.png",paraId:30,tocIndex:11},{value:"https://zh.wikipedia.org/wiki/HSL%E5%92%8CHSV%E8%89%B2%E5%BD%A9%E7%A9%BA%E9%97%B4#/media/File:HSV_cone.png",paraId:30,tocIndex:11},{value:"https://zh.wikipedia.org/wiki/%E7%BD%91%E9%A1%B5%E9%A2%9C%E8%89%B2#/media/File:Web_Color_Charts.svg",paraId:30,tocIndex:11}];}}]);