Konwertuje kolory między przestrzeniami HEX
Konwertuje kolory między przestrzeniami HEX, RGB, HSL, HSV, CMYK i CIE LAB oraz oblicza współczynniki kontrastu WCAG 2.1 i metryki dostępności
Żądanie
- x-api-key: <your-api-key>
- Content-Type: application/json
Odpowiedź
{
"status": "success",
"colorSpaces": {
"hex": "#7C4DFF",
"hex8": "#7C4DFFFF",
"rgb": {
"r": 124,
"g": 77,
"b": 255,
"a": 1,
"css": "rgb(124, 77, 255)"
},
"hsl": {
"h": 256,
"s": 100,
"l": 65,
"a": 1,
"css": "hsl(256, 100%, 65%)"
},
"hsv": {
"h": 256,
"s": 70,
"v": 100,
"a": 1,
"css": "hsv(256, 70%, 100%)"
},
"cmyk": {
"c": 51,
"m": 70,
"y": 0,
"k": 0,
"css": "cmyk(51%, 70%, 0%, 0%)"
},
"lab": {
"l": 47.3,
"a": 51.8,
"b": -80.6,
"css": "lab(47.3% 51.8 -80.6)"
}
},
"luminance": 0.1621,
"isDark": true,
"accessibility": {
"contrastRatio": 4.62,
"wcagAA": true,
"wcagAAA": false,
"wcagAALarge": true,
"comparisonColor": "#FFFFFF"
},
"tokensDeducted": 1
}Co robi
Podaj kolor w dowolnej notacji CSS — hex, rgb(), hsl(), nazwa albo obiekt — a odpowie tym samym kolorem w sześciu przestrzeniach plus luminancją względną. Dodaj comparisonColor, a policzy współczynnik kontrastu WCAG 2.1 i werdykty AA / AAA dla zwykłego i dużego tekstu — tak sprawdzono paletę tej witryny.
Kiedy użyć
Edytor motywu, który musi odrzucić nieczytelną kombinację; pipeline tokenów projektowych; generowanie CMYK do druku z hexu marki.
Żądanie
Treść
| Pole | Typ | Wymagane | Opis |
|---|---|---|---|
color | string | object | tak | Color string (e.g. "#FF5733", "rgb(255, 87, 51)", "hsl(11, 100%, 60%)") or object ({ r: 255, g: 87, b: 51 }). |
comparisonColor | string | object | nie | Optional secondary color to evaluate relative contrast ratio and custom WCAG accessibility compliance. |
Przykładowe żądanie
{
"color": "#7C4DFF",
"comparisonColor": "#FFFFFF"
}Odpowiedź
| Pole | Typ | Opis |
|---|---|---|
accessibility | object | |
↳ againstBlack | object | |
↳ againstCustom | object | |
↳ againstWhite | object | |
colorSpaces | object | |
↳ cmyk | object | |
↳ hex | string | |
↳ hex8 | string | |
↳ hsl | object | |
↳ hsv | object | |
↳ lab | object | |
↳ rgb | object | |
isDark | boolean | |
luminance | number | |
status | string | |
tokensDeducted | integer |
Przykładowa odpowiedź
{
"status": "success",
"colorSpaces": {
"hex": "#7C4DFF",
"hex8": "#7C4DFFFF",
"rgb": {
"r": 124,
"g": 77,
"b": 255,
"a": 1,
"css": "rgb(124, 77, 255)"
},
"hsl": {
"h": 256,
"s": 100,
"l": 65,
"a": 1,
"css": "hsl(256, 100%, 65%)"
},
"hsv": {
"h": 256,
"s": 70,
"v": 100,
"a": 1,
"css": "hsv(256, 70%, 100%)"
},
"cmyk": {
"c": 51,
"m": 70,
"y": 0,
"k": 0,
"css": "cmyk(51%, 70%, 0%, 0%)"
},
"lab": {
"l": 47.3,
"a": 51.8,
"b": -80.6,
"css": "lab(47.3% 51.8 -80.6)"
}
},
"luminance": 0.1621,
"isDark": true,
"accessibility": {
"contrastRatio": 4.62,
"wcagAA": true,
"wcagAAA": false,
"wcagAALarge": true,
"comparisonColor": "#FFFFFF"
},
"tokensDeducted": 1
}Błędy
Każdy błąd ma tę samą kopertę: status HTTP, kod maszynowy i jedno zdanie.
400 | Treść albo parametr nie przeszły walidacji. Tablica details wskazuje pole. |
401 | Brak klucza, klucz cofnięty albo zły nagłówek. Wyślij x-api-key. |
402 | Portfel nie pokrywa tego wywołania. Doładuj albo poczekaj na miesięczny przydział. |
404 | Zasób nie istnieje albo nie jest Twój. Obie sytuacje odpowiadają identycznie i nic nie kosztują. |
429 | Przekroczony limit na minutę dla Twojego planu. Odczekaj i ponów. |
5xx | Usługa nadrzędna odmówiła albo przekroczyła czas. Wywołanie nie jest rozliczane. |
Kod
curl -X POST 'https://app.castomapi.com/v1/convert/color' \
-H 'x-api-key: <your-api-key>' \
-H 'Content-Type: application/json' \
-d '{"color": "#7C4DFF", "comparisonColor": "#FFFFFF"}'const res = await fetch('https://app.castomapi.com/v1/convert/color', {
method: 'POST',
headers: { 'x-api-key': '<your-api-key>', 'Content-Type': 'application/json' },
body: JSON.stringify({"color": "#7C4DFF", "comparisonColor": "#FFFFFF"})
});
const data = await res.json();
console.log(data);import { request } from 'node:https';
// Node 18+ has fetch built in
const res = await fetch('https://app.castomapi.com/v1/convert/color', {
method: 'POST',
headers: { 'x-api-key': '<your-api-key>', 'Content-Type': 'application/json' },
body: JSON.stringify({"color": "#7C4DFF", "comparisonColor": "#FFFFFF"})
});
const data = await res.json();
console.log(data);import requests
res = requests.post(
'https://app.castomapi.com/v1/convert/color',
headers={'x-api-key': '<your-api-key>'},
json={"color": "#7C4DFF", "comparisonColor": "#FFFFFF"},
timeout=30,
)
print(res.json())<?php
$ch = curl_init('https://app.castomapi.com/v1/convert/color');
curl_setopt_array($ch, [
CURLOPT_CUSTOMREQUEST => 'POST',
CURLOPT_RETURNTRANSFER => true,
CURLOPT_HTTPHEADER => ['x-api-key: <your-api-key>', 'Content-Type: application/json'],
CURLOPT_POSTFIELDS => json_encode(['color' => '#7C4DFF', 'comparisonColor' => '#FFFFFF']),
]);
$data = json_decode(curl_exec($ch), true);
print_r($data);Koszt i limity
Ta operacja nie wymaga klucza API i nic nie kosztuje: wywołana bez klucza odpowiada 200 i pobiera zero tokenów, do 10 żądań na minutę z jednego adresu IP.
Limity żądań na minutę
| Bez klucza | 10 |
| Free | 60 |
| Pro | 300 |
| Enterprise | 1200 |
Pytania
Ile kosztuje Konwertuje kolory między przestrzeniami HEX?
Ta operacja nie wymaga klucza API i nic nie kosztuje: wywołana bez klucza odpowiada 200 i pobiera zero tokenów, do 10 żądań na minutę z jednego adresu IP.
Jak się uwierzytelnić?
Wyślij klucz w nagłówku x-api-key. Jeden klucz obejmuje każdy rozliczany endpoint; niczego nie trzeba włączać osobno.
Czy mogę wysłać nagłówek Authorization: Bearer zamiast klucza?
Nie dla rozliczanego endpointu — te przyjmują wyłącznie nagłówek x-api-key. Tokeny Bearer należą do strony konta: panel i API konta przyjmują sesję JWT, a castomapi-auth wydaje je standardowym uzgodnieniem OAuth2, z grantami authorization code, client credentials i refresh. Opisuje to strona usługi auth.
Jakie są limity?
10 żądań na minutę z jednego IP zupełnie bez klucza, 60 na minutę w planie Free, 300 w Pro, 1200 w Enterprise. Powyżej poziomu bez klucza limit jest na konto, łącznie dla wszystkich endpointów.
OpenAPI: https://app.castomapi.com/docs/json