ForHosting KIT · Images

Convertisseur RVB vers hexadécimal

Obtenez le code hexadécimal de n’importe quelle couleur RVB : 255, 128, 0 donne #ff8000, un orange. Les six chiffres sont fournis en minuscules, en majuscules et sans dièse, prêts pour une feuille de style ou une charte graphique. Gratuit dans votre navigateur.

Gratuit
Fonctionne dans votre navigateur
Sans inscription
Vos données restent sur votre appareil

Lancer gratuitement Voir l’API

Utilisez-le depuis WebAPIE-mailTelegramApp bientôt

Exemple résolu

Si vous saisissez

Résistance (Ω): 255
G: 128
B: 0

Vous obtenez

Hexadécimal: #ff8000
Hexadécimal sans dièse: ff8000
Majuscules: #FF8000
RVB: rgb(255, 128, 0)

Ce convertisseur RVB vers hexadécimal prend trois intensités de canal — rouge, vert et bleu — chacune sous forme d'un entier de zéro à deux cent cinquante-cinq, et renvoie la chaîne de couleur hexadécimale CSS correspondante, telle que dièse f f huit zéro zéro zéro pour l'orange. Les concepteurs, développeurs front-end et étudiants utilisent cette correspondance quotidiennement : les outils de design exportent des triplets sRGB, les feuilles de style et les tokens préfèrent l'hexadécimal compact à six chiffres, et les fiches ont besoin d'un pont reproductible entre les deux. Le moteur est entièrement déterministe : il divise chaque canal en quartets haut et bas par division entière par seize et reste, associe chaque quartet à un chiffre de zéro à neuf et a à f, et n'appelle jamais le réseau, n'échantillonne jamais d'aléatoire, et ne dépend jamais de l'horloge.

Ce que signifie la conversion RVB vers hexadécimal et ce que contient la réponse

Dans le modèle sRGB à huit bits utilisé par CSS et la plupart des graphismes web, chacun des canaux rouge, vert et bleu est un entier de zéro (aucune part de cette primaire) à deux cent cinquante-cinq (intensité complète). Les codes couleur hexadécimaux compressent ces mêmes trois octets en six chiffres hexadécimaux : deux chiffres pour le rouge, deux pour le vert, et deux pour le bleu, généralement écrits avec un dièse initial afin qu'une feuille de style puisse les utiliser comme valeur de couleur.

La conversion est le découpage classique en quartets : pour un canal n, le chiffre haut est le quotient entier de n par seize et le chiffre bas est n modulo seize ; chaque chiffre correspond à zéro à neuf puis a à f. Il n'existe aucune voie acceptant des pourcentages, des canaux en virgule flottante, ou une notation abrégée à trois chiffres en entrée, et aucun plafonnement silencieux de deux cent cinquante-six vers deux cent cinquante-cinq.

Comment r, g et b sont lus et comment l'hexadécimal reste reproductible

Les espaces en début et fin de chaîne sur les canaux de type chaîne sont supprimés ; un signe plus initial optionnel est autorisé uniquement lorsque les caractères restants sont des chiffres décimaux qui s'interprètent comme un entier dans la plage.

Un nombre JavaScript brut n'est accepté que lorsqu'il est un entier fini compris entre zéro et deux cent cinquante-cinq ; des valeurs telles que cent vingt-huit virgule cinq échouent à la validation plutôt que d'être arrondies, et les valeurs négatives ou supérieures à deux cent cinquante-cinq échouent avec un message nommant le canal et indiquant qu'il doit rester entre zéro et deux cent cinquante-cinq.

La conversion utilise l'alphabet fixe de chiffres zéro à neuf et a à f pour chaque quartet, si bien que le même triplet donne toujours la même chaîne hexadécimale en minuscules d'une exécution et d'une plateforme à l'autre. Zéro correspond à zéro zéro, deux cent cinquante-cinq correspond à f f, et des canaux mixtes tels que quarante-trois, quatre-vingt-dix-huit, quatre-vingt-un produisent le motif familier deux-b six-deux cinq-un utilisé dans les systèmes de design.

Où la conversion RVB vers hexadécimal intervient dans le design, les études et les logiciels

Les concepteurs rencontrent cette correspondance lorsqu'un guide de marque liste des échantillons RVB et que le fichier de tokens CSS ou Figma a besoin de codes dièse, lorsqu'une pipette de capture d'écran rapporte rouge vert bleu et que le fichier de thème stocke de l'hexadécimal, ou lorsqu'une vérification d'accessibilité doit reproduire la même chaîne de couleur que celle utilisée par la feuille de style.

Les étudiants la rencontrent dans les cours de développement web qui introduisent les couleurs CSS, dans les cours d'art numérique qui passent des curseurs de canal aux sélecteurs hexadécimaux, et dans les échauffements d'entretien qui demandent une conversion mentale d'un court triplet.

Les développeurs front-end appellent le même contrat depuis des scripts pour amorcer des données de référence de tokens de design, pour valider des valeurs de canal saisies par l'utilisateur dans des sélecteurs de couleur d'administration, ou pour normaliser des données importées de feuilles de calcul qui stockent des colonnes r, g et b séparées. Les outils produits et pédagogiques utilisent cette conversion lorsqu'un apprenant ajuste trois curseurs et que l'interface doit afficher la chaîne hexadécimale en direct sans aller-retour vers une lourde bibliothèque graphique.

Associez-le aux outils de couleur multi-formats lorsque vous avez besoin de HSL ou de CMJN, et aux autres convertisseurs déterministes gratuits lorsque vous construisez un petit laboratoire pour l'hygiène des systèmes de design.

Cas d’usage

Tokens de design et CSS

Transformez des triplets RVB de marque en chaînes #rrggbb pour les feuilles de style, les fichiers de thème et les tokens de systèmes de design.

Données de référence déterministes pour les tests

Générez des résultats hexadécimaux reproductibles pour les tests unitaires, les vérifications de propriétés et les assertions d'intégration continue sur des outils de couleur.

Devoirs et démonstrations pédagogiques

Vérifiez le travail des élèves sur la conversion canal-vers-hexadécimal et faites des démonstrations en direct de couleurs CSS sans applications de calcul opaques.

Questions fréquentes

Combien coûte le convertisseur RVB vers hexadécimal ?

Il est gratuit dans votre navigateur sur cette page.

Quelle plage est autorisée pour r, g et b ?

Chaque canal doit être un entier de 0 à 255 inclus.

La sortie hexadécimale est-elle en minuscules ou en majuscules ?

Le champ hexadécimal principal utilise des chiffres en minuscules avec un dièse initial. Le champ en majuscules renvoie la même couleur avec A-F en majuscules pour les guides de style qui préfèrent cette forme.

Cela reconvertit-il l'hexadécimal en RVB ?

Non. Cet outil ne fait que convertir des canaux RVB entiers en une chaîne hexadécimale. Utilisez un convertisseur de couleur multi-format si vous avez besoin de hexadécimal-vers-RVB ou d'autres espaces.

Pourquoi 256 est-il rejeté plutôt que plafonné ?

Le plafonnement silencieux masque les erreurs de données.

Outils associés

Pour les développeurs — accès API

Tout sur cette page est disponible par programmation. Cette section s'adresse aux équipes qui veulent l'intégrer à leurs systèmes ; les autres peuvent simplement utiliser l'outil ci-dessus.

Endpoint

POSThttps://api.kit.forhosting.com/color/rgb-hex

Authentification par jeton Bearer : un seul POST met la tâche en file d’attente, et le résultat vous parvient par webhook ou lien signé.

Appeler depuis votre stack

curl -X POST https://api.kit.forhosting.com/color/rgb-hex \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"r":255,"g":128,"b":0}'

const res = await fetch("https://api.kit.forhosting.com/color/rgb-hex", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "r": 255,
    "g": 128,
    "b": 0
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/color/rgb-hex",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "r": 255,
    "g": 128,
    "b": 0
},
)
task_id = res.json()["task_id"]

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

body := bytes.NewBufferString(`{"r":255,"g":128,"b":0}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/rgb-hex", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Exemple de requête

{
  "r": 255,
  "g": 128,
  "b": 0
}

Exemple de réponse

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

L’API est asynchrone : chaque appel renvoie un task_id immédiatement, puis vous interrogez l’état à raison d’une requête par seconde.

Tarifs

par requête$0.002

Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.

Limites

`min_channel`	0
`max_channel`	255

Erreurs

HTTP	Code	Signification
`401`	`unauthorized`	Clé API absente ou invalide : vérifiez l’en-tête Authorization.
`402`	`insufficient_balance`	Solde insuffisant : rechargez votre compte pour lancer cette tâche.
`404`	`unknown_type`	Type de tâche inconnu : vérifiez le champ type de votre requête.
`429`	`rate_limited`	Trop de requêtes : ralentissez la cadence, puis réessayez.

Notes techniques

Les canaux en dehors de zéro à deux cent cinquante-cinq sont rejetés avec une erreur claire invalid_input plutôt que silencieusement plafonnés. Utilisez-le gratuitement dans le navigateur pour votre travail de palette, vos audits de tokens et vos vérifications de devoirs, ou appelez l'API à $0.002 par requête réussie lorsque vous avez besoin de données de référence identiques en intégration continue, dans des systèmes de design, ou des démonstrations pédagogiques.

Ce que signifie la conversion RVB vers hexadécimal et ce que contient la réponse

Ce calculateur renvoie les entiers validés r, g et b, une chaîne hexadécimale en minuscules avec le dièse initial, les mêmes six chiffres sans le dièse, une forme en majuscules avec dièse pour les guides de style qui préfèrent A à F majuscule, une chaîne de fonction rgb telle que rgb de deux cinq cinq virgule un deux huit virgule zéro, une étiquette de méthode rgb_to_hex, et un bref rappel de la formule de correspondance des quartets. Le moteur construit soit un hexadécimal exact à six chiffres pour trois canaux légaux, soit rejette la requête avec invalid_input. Les cas rejetés incluent l'absence d'un champ r, g ou b, des chaînes vides après suppression des espaces, des nombres non entiers, du texte non numérique, Infinity ou NaN, et tout canal strictement inférieur à zéro ou supérieur à deux cent cinquante-cinq. Si vous avez besoin de hexadécimal-vers-RVB, HSL, LAB, CMJN, ou de conversions aller-retour multi-formats, utilisez un outil de couleur multi-format dédié ; cette page ne répond qu'à la conversion de canaux RVB entiers vers une chaîne hexadécimale CSS stable, adaptée aux tokens, aux tests unitaires et aux clients de l'API.

Comment r, g et b sont lus et comment l'hexadécimal reste reproductible

Les champs privilégiés sont r pour le rouge, g pour le vert, et b pour le bleu, mais les alias red et R majuscule pour le rouge, green et G majuscule pour le vert, et blue et B majuscule pour le bleu, sont acceptés, afin que les feuilles de calcul, les chaînes de requête et les formulaires typés puissent réutiliser le même contrat sans renommer de colonnes. Associez l'exécution gratuite dans le navigateur sur cette page à l'API payante lorsque vous avez besoin du même résultat mathématique au sein d'un pipeline automatisé, sans réimplémenter vous-même l'empaquetage des canaux.

Où la conversion RVB vers hexadécimal intervient dans le design, les études et les logiciels

Sur cette page, le travail s'exécute entièrement dans votre navigateur ; via l'API, chaque recherche réussie coûte $0.002, la validation échouée n'est pas facturée, et rien n'est conservé après le renvoi de la réponse. Cette séparation — exploration interactive gratuite et API payante identique — correspond au reste du catalogue de niveau A de KIT, et vous permet de passer d'une démonstration en classe ou d'une revue de design à un pipeline automatisé sans changer le résultat mathématique.

Consulter la documentation complète du KIT →

Lancer gratuitement

Exemple résolu

Ce que signifie la conversion RVB vers hexadécimal et ce que contient la réponse

Comment r, g et b sont lus et comment l'hexadécimal reste reproductible

Où la conversion RVB vers hexadécimal intervient dans le design, les études et les logiciels

Cas d’usage

Tokens de design et CSS

Données de référence déterministes pour les tests

Devoirs et démonstrations pédagogiques

Questions fréquentes

Outils associés

Pour les développeurs — accès API

Endpoint

Appeler depuis votre stack

Exemple de requête

Exemple de réponse

Tarifs

Limites

Erreurs

Notes techniques

Ce que signifie la conversion RVB vers hexadécimal et ce que contient la réponse

Comment r, g et b sont lus et comment l'hexadécimal reste reproductible

Où la conversion RVB vers hexadécimal intervient dans le design, les études et les logiciels

merci