Bảng màu ảnh & BlurHash API

Lấy màu chủ đạo của ảnh PNG, JPEG, SVG kèm tỷ lệ, màu trung bình, màu chữ dễ đọc, và chuỗi BlurHash / ThumbHash làm ảnh giữ chỗ.

Tham số

Ví dụ

curl -X POST "https://apibox.io.vn/v1/image-palette?colors=5" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -F "file=@./my-file"

const form = new FormData();
form.append('file', fileInput.files[0]);

const res = await fetch('https://apibox.io.vn/v1/image-palette?colors=5', {
  method: 'POST',
  headers: { Authorization: 'Bearer YOUR_API_KEY' },
  body: form,
});
console.log(await res.json());

import requests

res = requests.post(
    "https://apibox.io.vn/v1/image-palette?colors=5",
    headers={"Authorization": "Bearer YOUR_API_KEY"},
    files={"file": open("my-file", "rb")},
    timeout=30,
)
print(res.json())

<?php
$ch = curl_init('https://apibox.io.vn/v1/image-palette?colors=5');
curl_setopt_array($ch, [
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_CUSTOMREQUEST => 'POST',
    CURLOPT_HTTPHEADER => ['Authorization: Bearer YOUR_API_KEY'],
    CURLOPT_POSTFIELDS => ['file' => new CURLFile('my-file')],
]);
$response = curl_exec($ch);
print_r(json_decode($response, true));

Kết quả trả về

{
  "width": 320,
  "height": 200,
  "format": "jpeg",
  "has_transparency": false,
  "average": {
    "hex": "#987b6e",
    "rgb": [
      152,
      123,
      110
    ],
    "hsl": [
      19,
      17,
      51
    ],
    "text_color": "#000000",
    "contrast_white": 3.89,
    "contrast_black": 5.39
  },
  "dominant": {
    "hex": "#13506d",
    "rgb": [
      19,
      80,
      109
    ],
    "hsl": [
      199,
      70,
      25
    ],
    "share": 0.3336,
    "text_color": "#ffffff",
    "contrast_white": 8.76,
    "contrast_black": 2.4
  },
  "palette": [
    {
      "hex": "#13506d",
      "rgb": [
        19,
        80,
        109
      ],
      "hsl": [
        199,
        70,
        25
      ],
      "share": 0.3336,
      "text_color": "#ffffff",
      "contrast_white": 8.76,
      "contrast_black": 2.4
    },
    {
      "hex": "#ea825f",
      "rgb": [
        234,
        130,
        95
      ],
      "hsl": [
        15,
        77,
        65
      ],
      "share": 0.3125,
      "text_color": "#000000",
      "contrast_white": 2.67,
      "contrast_black": 7.86
    },
    {
      "hex": "#cb977f",
      "rgb": [
        203,
        151,
        127
      ],
      "hsl": [
        19,
        42,
        65
      ],
      "share": 0.2989,
      "text_color": "#000000",
      "contrast_white": 2.54,
      "contrast_black": 8.27
    },
    {
      "hex": "#fdd466",
      "rgb": [
        253,
        212,
        102
      ],
      "hsl": [
        44,
        97,
        70
      ],
      "share": 0.0438,
      "text_color": "#000000",
      "contrast_white": 1.42,
      "contrast_black": 14.79
    },
    {
      "hex": "#556f7b",
      "rgb": [
        85,
        111,
        123
      ],
      "hsl": [
        199,
        18,
        41
      ],
      "share": 0.0112,
      "text_color": "#ffffff",
      "contrast_white": 5.32,
      "contrast_black": 3.95
    }
  ],
  "is_dark": false,
  "blurhash": {
    "hash": "L|LCI:a#WXs,}Tj@j@f7RQoJoJWE",
    "components": [
      4,
      3
    ],
    "placeholder": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAIAAABj86gYAAAGfElEQVR4XlXNWXBT1xkH8PPQmb50Ojz1oTN56UMf0lKmaVqcBd…"
  },
  "thumbhash": {
    "base64": "4DgOVJh3eIePeIiDeHd3j3b3eA==",
    "placeholder": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAASCAYAAAA6yNxSAAAJcklEQVR4AQCBAH7/APp1Uf/5dFD/+HJO//dwTP/3b0r/+G9K//…",
    "average": "#997d6f"
  },
  "method": "median cut seeds refined by k-means on a 128 px thumbnail (pixels with alpha < 50% ignored)"
}

Ứng dụng

• Màu giữ chỗ và BlurHash cho ảnh sản phẩm của shop online
• Đổi màu giao diện trang, thẻ theo ảnh bìa
• Chọn chữ trắng hay đen khi đặt lên ảnh người dùng
• Lập chỉ mục ảnh theo màu để lọc tìm kiếm

Hỏi đáp

API liên quan