ForHosting KIT · Dati e file

Hai un colore in HEX e ti serve in RGB?

#2b6251 corrisponde a RGB 43, 98, 81, CMYK 56%, 0%, 17%, 62% e LAB 37,56, -22,79, 4,19. Inserisca un colore in una delle cinque notazioni e riceva tutte le altre, calcolate sempre allo stesso modo. Gratis nel suo browser.

Gratis
Funziona nel suo browser
Senza registrazione
I suoi dati restano sul dispositivo

Esegui gratis nel browser Vedi l'API

Usalo da WebAPIEmailTelegramApp presto

Esempio risolto

Se inserisce

Colore: #2b6251

Ottiene

Colore HEX: #2b6251
Colore RGB: rgb(43, 98, 81)
Colore HSL: hsl(161, 39%, 28%)
Colore CIELAB: lab(37.56, -22.79, 4.19)

Traduce un colore da un formato all’altro: da un codice HEX come #1D4ED8 a RGB, HSL o HSV, e viceversa. Incolli il valore che hai già — quello del brand, di un mockup o del CSS — e ottieni lo stesso identico colore scritto in tutte le notazioni, pronto da incollare dove ti serve.

HEX, RGB, HSL: lo stesso colore, scritto in modi diversi

Un colore sullo schermo è sempre lo stesso, ma si può scrivere in più notazioni: HEX (#1D4ED8), RGB (rgb(29, 78, 216)), HSL e HSV. Ognuna serve a qualcosa: HEX e RGB sono lo standard del CSS, HSL è comoda per schiarire o scurire una tinta lavorando su un solo numero. Lo strumento prende il valore che hai e te lo restituisce in tutte le notazioni, pronto da copiare.

Perché ti serve averle tutte

Ti capita di avere un colore in un formato e di doverlo usare in un altro: il brand arriva come codice HEX, ma nel CSS ti serve rgba() per aggiungere la trasparenza; il programma di grafica lavora in HSL, il foglio di stile no. Convertire a mano è noioso e facile da sbagliare. Avere lo stesso colore in ogni notazione ti evita di rifare i conti e di ritrovarti con tinte leggermente diverse tra un file e l’altro.

Gratis nel browser, anche per una palette intera

Incolli il codice e leggi subito il colore in tutti i formati, gratis e senza registrazione, senza che il valore esca dalla pagina. La usi dal web oggi, dove è questa stessa pagina a eseguirla; presto anche da app per telefono, email e Telegram.

Casi d'uso

Dal colore del brand al CSS

Una web designer riceve il colore del brand come #1D4ED8 e le serve in rgba() per applicarlo con una trasparenza in un CSS: lo converte e lo incolla, sicura che sia identico.

Da un mockup al foglio di stile

Chi traduce un mockup in codice prende i colori indicati in HSL dallo strumento di grafica e li converte in HEX per il CSS, senza scarti tra il progetto e la pagina.

Domande frequenti

Quali formati di colore gestisce?

I formati del web: HEX, RGB, HSL e HSV, convertibili nei due sensi. Per la stampa il valore CMYK è indicativo, perché dipende dal profilo e dal dispositivo, e va sempre verificato in fase di stampa.

Gestisce la trasparenza, il canale alpha?

Sì: puoi lavorare con RGBA e HSLA per indicare l’opacità, utile quando nel CSS ti serve un colore semitrasparente e non solo la tinta piena.

Il colore resta identico dopo la conversione?

Per HEX, RGB, HSL e HSV sì: descrivono lo stesso spazio di colore, quindi la conversione è esatta. Solo il CMYK per la stampa è una stima, non una corrispondenza perfetta.

Il colore che incollo viene inviato a un server?

No: la conversione avviene nel tuo browser e il valore non lascia il dispositivo. Nessuna registrazione, nessun dato spedito altrove.

Va bene anche da cellulare?

Sì, dal browser del cellulare, senza app: incolli il codice e copi il risultato nel formato che ti serve.

Strumenti correlati

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/data/color-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/data/color-convert \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color":"#ff8800"}'

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

import os, requests

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

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

body := bytes.NewBufferString(`{"color":"#ff8800"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/data/color-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"
}

Esempio di risposta

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "data.color_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

max_mb 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.

Note tecniche

Gratis nel browser, via API per una palette intera

Se devi convertire una palette intera o una colonna di codici, la stessa funzione è via API a $0.002 a richiesta.

Casi di integrazione

Uniformare una palette

Uno studio che cura l’immagine di più clienti converte tutte le palette nello stesso formato via API, così i codici colore sono scritti in modo coerente in ogni progetto.

Domande tecniche

Quanto costa la conversione?

Nel browser è gratis, senza limiti. Via API, comoda per convertire molte tinte insieme, costa $0.002 a richiesta, a consumo con PayPal e senza abbonamento.

Posso convertire più colori insieme?

Sì, via API passi un elenco di codici e li ricevi convertiti tutti nello stesso formato, comodo per una palette o per un foglio di calcolo di colori.

Leggi la documentazione completa del KIT →

Esegui gratis nel browser