首页 开发文档 颜色格式转换

颜色格式转换

颜色转换与配色助手。输入可以是 #RGB、#RRGGBB、rgb()、hsl() 或常见英文颜色名,一次性输出 HEX、RGB、HSL、HSV、CMYK 五种表示,并额外给出互补色、反色、相对亮度、是否为深色以及叠加其上的建议文字色,可直接用于主题配色与可读性校验。

请求信息
请求地址 https://cx4.cn/openApi/dev/color 复制
请求方式 GET / POST
接口标识 dev_color
鉴权方式 必须
四种方式任选其一:Header「X-Api-Key」/ Header「Authorization: Bearer 你的key」/ URL 参数「?key=你的key」/ POST 参数「key」
请求参数
参数名 类型 必填 说明 示例
color string 是 颜色值,支持 #RGB / #RRGGBB / rgb(...) / hsl(...) / 英文名(red、gold 等) #16b777
to string 否 all 全部返回(默认)/ hex / rgb / hsl / hsv / cmyk all
返回参数

下表字段位于返回结构的 data 内;外层 code / message 为全平台统一格式,不在此重复列出。

参数名 类型 说明 示例
ok bool 是否成功 true
input string 原始输入 #16b777
hex string 十六进制小写 #16b777
hex_upper string 十六进制大写 #16B777
rgb string RGB 字符串 rgb(22,183,119)
rgb_array array RGB 三元组 [22,183,119]
hsl string HSL 字符串 hsl(156,79%,40%)
hsv string HSV 字符串 hsv(156,88%,72%)
cmyk string CMYK 字符串 cmyk(88,0,35,28)
complementary string 互补色 #b7166c
invert string 反色 #e94888
luminance float 相对亮度 0-1 0.35
is_dark bool 是否为深色 false
text_color string 叠加在该色上的建议文字色 #ffffff
返回示例

成功

{
    "code": 200,
    "message": "操作成功",
    "data": {
        "ok": true,
        "input": "#16b777",
        "to": "all",
        "hex": "#16b777",
        "hex_upper": "#16B777",
        "rgb": "rgb(22, 183, 119)",
        "rgb_array": [
            22,
            183,
            119
        ],
        "hsl": "hsl(156, 79%, 40%)",
        "hsv": "hsv(156, 88%, 72%)",
        "cmyk": "cmyk(88%, 0%, 35%, 28%)",
        "complementary": "#b71656",
        "invert": "#e94888",
        "luminance": 0.565,
        "is_dark": false,
        "text_color": "#000000"
    }
}

失败

{
    "code": 400,
    "message": "无法识别的颜色格式",
    "data": null
}
平台通用状态码
状态码 说明
200调用成功
400缺少必填参数或参数格式有误
401密钥缺失或无效
402余额不足,请充值后重试
403未开通该接口,请在本页开通后调用
404接口不存在或已下架
429触发限流,请稍后重试
500接口调用失败(已扣款的会自动退款)
调用示例

cURL 复制

curl -X POST "https://cx4.cn/openApi/dev/color" -H "X-Api-Key: 你的SecretKey" -d "color=#16b777&to=all"

JavaScript 复制

fetch('https://cx4.cn/openApi/dev/color', {
  method: 'POST',
  headers: {
    'X-Api-Key': '你的SecretKey',
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  body: 'color=#16b777&to=all'
})
.then(res => res.json())
.then(data => console.log(data));

PHP 复制

post('https://cx4.cn/openApi/dev/color', [
    'headers' => ['X-Api-Key' => '你的SecretKey'],
    'form_params' => ['color' => '#16b777', 'to' => 'all'],
]);
echo $response->getBody();

Java 复制

HttpClient client = HttpClient.newHttpClient();
HttpRequest request = HttpRequest.newBuilder()
    .uri(URI.create("https://cx4.cn/openApi/dev/color"))
    .header("X-Api-Key", "你的SecretKey")
    .header("Content-Type", "application/x-www-form-urlencoded")
    .POST(HttpRequest.BodyPublishers.ofString("color=#16b777&to=all"))
    .build();
HttpResponse response = client.send(
        request, HttpResponse.BodyHandlers.ofString());
System.out.println(response.body());

Python 复制

import requests

res = requests.post('https://cx4.cn/openApi/dev/color',
    headers={'X-Api-Key': '你的SecretKey'},
    data={'color': '#16b777', 'to': 'all'})
print(res.json())
在线测试 (使用你的密钥真实调用,计费与正常调用一致)

登录后可在线测试: 立即登录

计费说明

¥0.0010

每次调用


每日免费额度:100 次

累计调用:6 次


快速上手

1. 注册并完成邮箱验证:立即注册

2. 登录后复制 Secret Key:去登录

3. 点击右侧「开通接口」按钮

4. 用下方「在线测试」一键体验,或复制下方示例代码直接调用