接入教程
1. 访问Colormind官网注册获取API密钥
2. 查看API文档了解请求参数和返回格式
3. 使用HTTP POST请求发送色彩参数
4. 解析返回的JSON数据获取配色方案
5. 将生成的色彩方案应用到您的项目中
Python调用Colormind生成配色方案
import requests
import json
url = "http://colormind.io/api/"
headers = {
"Content-Type": "application/json"
}
payload = {
"model": "default",
"input": [[44, 43, 44], [90, 83, 82], "N", "N", "N"]
}
try:
response = requests.post(url, headers=headers, data=json.dumps(payload))
if response.status_code == 200:
result = response.json()
print("生成的配色方案:", result["result"])
else:
print(f"请求失败,状态码:{response.status_code}")
except Exception as e:
print(f"请求异常:{e}")
PHP调用Colormind生成配色方案
<?php
$url = "http://colormind.io/api/";
$data = array(
"model" => "default",
"input" => array(array(44, 43, 44), array(90, 83, 82), "N", "N", "N")
);
$options = array(
'http' => array(
'header' => "Content-Type: application/json\r\n",
'method' => 'POST',
'content' => json_encode($data)
)
);
$context = stream_context_create($options);
try {
$result = file_get_contents($url, false, $context);
if ($result === FALSE) {
echo "请求失败";
} else {
$response = json_decode($result, true);
echo "生成的配色方案:";
print_r($response['result']);
}
} catch (Exception $e) {
echo "请求异常:" . $e->getMessage();
}
?>
JavaScript调用Colormind生成配色方案
const url = "http://colormind.io/api/";
const data = {
model: "default",
input: [[44, 43, 44], [90, 83, 82], "N", "N", "N"]
};
fetch(url, {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(data)
})
.then(response => {
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
return response.json();
})
.then(result => {
console.log("生成的配色方案:", result.result);
})
.catch(error => {
console.error("请求异常:", error);
});
常见问题
Colormind API是否需要API密钥?
Colormind API目前完全免费且无需API密钥,可以直接调用其公开的API端点进行色彩方案生成。
如何自定义输入色彩来生成配色方案?
在请求的input字段中,您可以指定最多5个颜色值(格式为[R,G,B]数组),使用"N"作为占位符表示随机生成的颜色位置。例如:[[255,0,0], "N", "N", "N", "N"]会基于红色生成配色方案。
Colormind支持哪些颜色模型?
Colormind默认使用其训练好的AI模型(model: "default"),所有输入和输出颜色均使用RGB格式(0-255整数范围)。API返回的颜色方案直接适用于CSS等Web开发场景。
Aitishiku.com