Chuyển đổi màu API

Đổi mã màu giữa HEX, RGB, HSL, CMYK, kiểm tra độ tương phản WCAG và lấy màu bổ sung, bộ ba, tương đồng cùng các sắc độ chỉ trong một lần gọi.

Tham số

Ví dụ

curl "https://apibox.io.vn/v1/color?color=%231e90ff&compare=%23ffffff" \
  -H "Authorization: Bearer YOUR_API_KEY"

const res = await fetch('https://apibox.io.vn/v1/color?color=%231e90ff&compare=%23ffffff', {
  method: 'GET',
  headers: {
    Authorization: 'Bearer YOUR_API_KEY',
  },
});
const data = await res.json();
console.log(data);

import requests

res = requests.get(
    "https://apibox.io.vn/v1/color?color=%231e90ff&compare=%23ffffff",
    headers={"Authorization": "Bearer YOUR_API_KEY"},
    timeout=30,
)
print(res.json())

<?php
$ch = curl_init('https://apibox.io.vn/v1/color?color=%231e90ff&compare=%23ffffff');
curl_setopt_array($ch, [
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_HTTPHEADER => ['Authorization: Bearer YOUR_API_KEY'],
]);
$response = curl_exec($ch);
print_r(json_decode($response, true));

Kết quả trả về

{
  "hex": "#1e90ff",
  "rgb": {
    "r": 30,
    "g": 144,
    "b": 255
  },
  "hsl": {
    "h": 210,
    "s": 100,
    "l": 56
  },
  "cmyk": {
    "c": 88,
    "m": 44,
    "y": 0,
    "k": 0
  },
  "css": {
    "rgb": "rgb(30, 144, 255)",
    "hsl": "hsl(210, 100%, 56%)"
  },
  "luminance": 0.274,
  "is_dark": false,
  "contrast": {
    "white": 3.24,
    "black": 6.49,
    "best_text": "#000000"
  },
  "complementary": "#ff8f1f",
  "triadic": [
    "#ff1f8f",
    "#8fff1f"
  ],
  "analogous": [
    "#1fffff",
    "#1f1fff"
  ],
  "shades": [
    "#002952",
    "#004285",
    "#005cb8",
    "#0075eb",
    "#52a8ff",
    "#85c2ff",
    "#b8dbff",
    "#ebf5ff"
  ],
  "compare": {
    "color": "#ffffff",
    "ratio": 3.24,
    "wcag_aa_normal": false,
    "wcag_aa_large": true,
    "wcag_aaa_normal": false
  }
}

Ứng dụng

• Đổi màu thương hiệu từ HEX sang RGB, HSL hoặc CMYK để in ấn
• Kiểm tra cặp màu chữ/nền theo chuẩn WCAG AA, AAA
• Tạo sắc độ và bảng màu hài hoà cho design system
• Tự chọn màu chữ dễ đọc trên nền do người dùng chọn

Hỏi đáp

API liên quan