ForHosting KIT · Lettura e monitoraggio di siti web

Converta i formati colore CSS: HEX, RGB, HSL e CMYK

Converta un colore tra HEX, RGB, HSL e CMYK senza aprire un programma di grafica né riscrivere formule.

● BetaGratis · nel tuo browser

Usalo da WebAPIEmailTelegramApp presto

Inserisca un’espressione completa, scelga il formato desiderato e riceva un valore pulito, pronto da copiare. Il convertitore verifica la notazione prima del calcolo, limita i canali numerici agli intervalli validi e segnala gli input malformati senza tentare di interpretarli. È quindi adatto sia alle modifiche rapide dei fogli di stile sia ai flussi automatizzati e ripetibili.

Inserisca un’espressione di colore completa

Parta da una notazione supportata: HEX a tre o sei cifre come <code>#f80</code> o <code>#ff8800</code>, <code>rgb()</code> separato da virgole, <code>hsl()</code> percentuale o <code>cmyk()</code> percentuale. RGB richiede tre canali; HSL una tonalità e due percentuali; CMYK quattro percentuali. Mantenga il cancelletto e i simboli percentuali necessari. Gli spazi attorno alle virgole sono ammessi. Questa grammatica rigorosa evita che un valore incompleto venga scambiato per un altro colore. Canali alfa, nomi CSS, sintassi moderna separata da spazi e altri spazi colore non sono supportati. Se il testo non corrisponde a una delle quattro forme, viene restituito un errore di input non valido anziché un risultato inaffidabile.

Comprenda limiti, conversione e arrotondamento

Dopo la verifica strutturale, ogni canale viene limitato all’intervallo del proprio modello. RGB resta tra 0 e 255. La tonalità HSL resta tra 0 e 360, mentre saturazione e luminosità restano tra 0 e 100 per cento. Ogni componente CMYK resta tra 0 e 100 per cento. Pertanto <code>rgb(300, -8, 20)</code> equivale a <code>rgb(255, 0, 20)</code>. Il limite non corregge canali mancanti, funzioni errate o percentuali omesse. Il calcolo sRGB è deterministico. HEX e RGB arrotondano a numeri interi; HSL e CMYK conservano fino a due decimali senza zeri superflui. La risposta indica formato rilevato e formato richiesto, così un sistema automatico può controllare il percorso di analisi.

Usi il risultato in CSS e nei flussi operativi

La risposta contiene un valore normalizzato pronto da copiare e le etichette di origine e destinazione. HEX viene emesso con sei cifre maiuscole; RGB, HSL e CMYK mantengono virgole e spazi coerenti. Lei può adattare un token a una libreria, convalidare temi importati o normalizzare colori inviati da moduli senza dipendenze grafiche. CMYK è una conversione matematica, non un profilo ICC specifico né una garanzia sulla resa dell’inchiostro. Il canale alfa non viene conservato. Il browser è adatto a conversioni singole; ogni richiesta API costa $0.002 e rende disponibile la stessa operazione deterministica a script, build, test e lotti controllati.

Casi d'uso

Normalizzare token di design

Converta valori HEX, RGB, HSL e CMYK misti nella sola notazione richiesta dal file dei token.

Preparare un valore CSS

Trasformi un colore ricevuto in un’espressione HSL, RGB o HEX pulita e pronta per il foglio di stile.

Convalidare colori importati

Rifiuti record malformati e limiti in sicurezza i canali validi che superano gli intervalli documentati.

Domande frequenti

Quanto costa una conversione tramite API?

Ogni richiesta API costa $0.002. Lo strumento nel browser è disponibile per conversioni singole.

Quali formati di input sono accettati?

Sono accettati HEX a tre o sei cifre, rgb() a tre canali, hsl() con tonalità e due percentuali e cmyk() con quattro percentuali.

Cosa accade a un canale fuori intervallo?

Un canale ben formato viene limitato: RGB a 0–255, tonalità a 0–360 e percentuali HSL o CMYK a 0–100.

Sono supportati i canali alfa?

No. HEX con alfa e le espressioni rgba() o hsla() vengono rifiutati come input malformati.

Perché un input malformato non viene corretto?

Indovinare la sintassi mancante può cambiare il colore desiderato. Si limitano solo gli eccessi numerici.

Per sviluppatori — accesso via API

Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.

Endpoint

POSThttps://api.kit.forhosting.com/web/color-format-convert

Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.

Chiamala dal tuo stack

curl -X POST https://api.kit.forhosting.com/web/color-format-convert \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color":"#ff8800","target_format":"hsl"}'

const res = await fetch("https://api.kit.forhosting.com/web/color-format-convert", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "color": "#ff8800",
    "target_format": "hsl"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/web/color-format-convert",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "color": "#ff8800",
    "target_format": "hsl"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/web/color-format-convert", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"color":"#ff8800","target_format":"hsl"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"color":"#ff8800","target_format":"hsl"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/web/color-format-convert", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Esempio di richiesta

{
  "color": "#ff8800",
  "target_format": "hsl"
}

Esempio di risposta

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "web.color_format_convert",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.

Prezzi

per richiesta$0.002

Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.

Limiti

`timeout_sec`	30
`max_crawl_pages`	25

Errori

HTTP	Codice	Significato
`401`	`unauthorized`	Chiave API mancante o non valida: controlla l'header Authorization.
`402`	`insufficient_balance`	Credito esaurito: ricarica per continuare a eseguire attività.
`404`	`unknown_type`	Tipo di attività sconosciuto: controlla il campo type della richiesta.
`429`	`rate_limited`	Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo.

Leggi la documentazione completa del KIT →