配色方案/色彩搭配

{
    "code": 200,
    "message": "获取成功。数据来自官方/权威源头，以确保稳定与实时。开源地址 https://github.com/vikiboss/60s，反馈群 595941841",
    "data": {
        "input": {
            "hex": "#33AAFF",
            "rgb": {
                "r": 51,
                "g": 170,
                "b": 255
            },
            "hsl": {
                "h": 205,
                "s": 100,
                "l": 60
            },
            "name": "蓝色系"
        },
        "palettes": [
            {
                "name": "单色配色",
                "description": "基于同一色相，通过调整明度和饱和度创建的和谐配色方案，适合营造统一、专业的视觉效果",
                "colors": [
                    {
                        "hex": "#33AAFF",
                        "name": "主色",
                        "role": "primary",
                        "theory": "基础色相"
                    },
                    {
                        "hex": "#005999",
                        "name": "深色变体",
                        "role": "dark",
                        "theory": "降低明度"
                    },
                    {
                        "hex": "#99D5FF",
                        "name": "浅色变体",
                        "role": "light",
                        "theory": "提高明度"
                    },
                    {
                        "hex": "#47A7EB",
                        "name": "柔和变体",
                        "role": "muted",
                        "theory": "降低饱和度"
                    },
                    {
                        "hex": "#33AAFF",
                        "name": "鲜艳变体",
                        "role": "vibrant",
                        "theory": "提高饱和度"
                    }
                ]
            },
            {
                "name": "互补配色",
                "description": "使用色轮上相对的颜色，创造强烈对比和视觉冲击力，适用于需要突出重点的设计",
                "colors": [
                    {
                        "hex": "#33AAFF",
                        "name": "主色",
                        "role": "primary",
                        "theory": "基础色相"
                    },
                    {
                        "hex": "#FF8833",
                        "name": "互补色",
                        "role": "complementary",
                        "theory": "色轮对面 +180°"
                    },
                    {
                        "hex": "#B3DFFF",
                        "name": "主色浅调",
                        "role": "primary-light",
                        "theory": "主色提高明度"
                    },
                    {
                        "hex": "#FFD2B3",
                        "name": "互补色浅调",
                        "role": "complementary-light",
                        "theory": "互补色提高明度"
                    }
                ]
            },
            {
                "name": "邻近配色",
                "description": "使用色轮上相邻的颜色，创造自然和谐的渐变效果，常见于自然景观中",
                "colors": [
                    {
                        "hex": "#33FFEE",
                        "name": "邻近色1",
                        "role": "analogous-1",
                        "theory": "色相 -30°"
                    },
                    {
                        "hex": "#33AAFF",
                        "name": "主色",
                        "role": "primary",
                        "theory": "基础色相"
                    },
                    {
                        "hex": "#3344FF",
                        "name": "邻近色2",
                        "role": "analogous-2",
                        "theory": "色相 +30°"
                    },
                    {
                        "hex": "#8833FF",
                        "name": "邻近色3",
                        "role": "analogous-3",
                        "theory": "色相 +60°"
                    }
                ]
            },
            {
                "name": "三角配色",
                "description": "在色轮上形成等边三角形的三种颜色，提供丰富对比的同时保持和谐平衡",
                "colors": [
                    {
                        "hex": "#33AAFF",
                        "name": "主色",
                        "role": "primary",
                        "theory": "基础色相"
                    },
                    {
                        "hex": "#FF33AA",
                        "name": "三角色1",
                        "role": "triadic-1",
                        "theory": "色相 +120°"
                    },
                    {
                        "hex": "#AAFF33",
                        "name": "三角色2",
                        "role": "triadic-2",
                        "theory": "色相 +240°"
                    }
                ]
            },
            {
                "name": "分裂互补配色",
                "description": "使用互补色两侧的颜色，比纯互补配色更柔和，同时保持强烈的视觉对比",
                "colors": [
                    {
                        "hex": "#33AAFF",
                        "name": "主色",
                        "role": "primary",
                        "theory": "基础色相"
                    },
                    {
                        "hex": "#FF3344",
                        "name": "分裂互补色1",
                        "role": "split-comp-1",
                        "theory": "互补色 -30°"
                    },
                    {
                        "hex": "#FFEE33",
                        "name": "分裂互补色2",
                        "role": "split-comp-2",
                        "theory": "互补色 +30°"
                    }
                ]
            },
            {
                "name": "四边形配色",
                "description": "在色轮上形成正方形的四种颜色，提供最丰富的颜色变化，适合复杂的设计项目",
                "colors": [
                    {
                        "hex": "#33AAFF",
                        "name": "主色",
                        "role": "primary",
                        "theory": "基础色相"
                    },
                    {
                        "hex": "#EE33FF",
                        "name": "四边形色1",
                        "role": "square-1",
                        "theory": "色相 +90°"
                    },
                    {
                        "hex": "#FF8833",
                        "name": "四边形色2",
                        "role": "square-2",
                        "theory": "色相 +180°"
                    },
                    {
                        "hex": "#44FF33",
                        "name": "四边形色3",
                        "role": "square-3",
                        "theory": "色相 +270°"
                    }
                ]
            },
            {
                "name": "Web 设计配色",
                "description": "专为 Web 界面设计优化的配色方案，考虑了可访问性和用户体验",
                "colors": [
                    {
                        "hex": "#33AAFF",
                        "name": "品牌主色",
                        "role": "brand-primary",
                        "theory": "品牌识别色"
                    },
                    {
                        "hex": "#0F74BD",
                        "name": "按钮悬停",
                        "role": "hover-state",
                        "theory": "主色加深变体"
                    },
                    {
                        "hex": "#E9F4FC",
                        "name": "背景浅色",
                        "role": "background",
                        "theory": "高明度低饱和度"
                    },
                    {
                        "hex": "#FF6A00",
                        "name": "强调色",
                        "role": "accent",
                        "theory": "互补色系强调"
                    },
                    {
                        "hex": "#6B7280",
                        "name": "文本辅助",
                        "role": "text-secondary",
                        "theory": "中性灰色文本"
                    }
                ]
            },
            {
                "name": "冷色调配色",
                "description": "基于冷色系的配色方案，传达专业、冷静和可信赖的感觉，适合科技、医疗等行业",
                "colors": [
                    {
                        "hex": "#33AAFF",
                        "name": "主冷色",
                        "role": "cool-primary",
                        "theory": "冷色系基调"
                    },
                    {
                        "hex": "#33FFFF",
                        "name": "冷色变体1",
                        "role": "cool-variant-1",
                        "theory": "冷色范围内调整"
                    },
                    {
                        "hex": "#3366FF",
                        "name": "冷色变体2",
                        "role": "cool-variant-2",
                        "theory": "冷色范围内调整"
                    },
                    {
                        "hex": "#99D5FF",
                        "name": "冷色浅调",
                        "role": "cool-tint",
                        "theory": "提高明度的冷色"
                    }
                ]
            }
        ],
        "metadata": {
            "color_theory": "基于色彩理论生成的专业配色方案",
            "total_palettes": 8,
            "applications": [
                "Web 设计",
                "UI/UX",
                "品牌设计",
                "室内设计",
                "服装搭配"
            ]
        }
    }
}