ForHosting KIT · Images

Nom CSS vers hex

Le nom de couleur CSS tomato correspond à #ff6347, soit rgb(255, 99, 71), la nuance exacte que tout navigateur affiche. Transformez les noms de couleur de votre charte en codes hex prêts pour vos jetons. 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

Nom: tomato

Vous obtenez

Nom brut: tomato
Code hex: #ff6347
Hex 6 car.: ff6347
Résistance (Ω): 255

Un convertisseur de nom de couleur CSS vers hex prend une couleur nommée lisible de la plateforme web—des mots tels que tomato, navy, coral ou rebeccapurple—et renvoie le code hexadécimal exact ainsi que les valeurs des canaux rouge, vert et bleu que les navigateurs résolvent lorsqu'ils peignent ce nom. Collez un seul identifiant CSS ; l'outil normalise la casse, recherche le nom dans la table étendue des couleurs nommées de CSS Color Level 4 et renvoie une chaîne #rrggbb en minuscules, des canaux entiers de zéro à deux cent cinquante-cinq, une chaîne rgb() prête à coller et des lignes de recherche pas à pas que vous pouvez asserter dans des tests.

Ce que sont les couleurs nommées CSS et comment l'hex est dérivé

Les feuilles de style en cascade définissent un vocabulaire fixe de couleurs nommées étendues que chaque navigateur moderne mappe au même triplet sRGB. Lorsqu'une feuille de style écrit color tomato ou background rebeccapurple, le moteur n'invente pas une teinte : il résout le mot-clé via une table standard de cent quarante-huit noms—y compris les orthographes britannique et américaine grey ou gray et l'ajout Level 4 rebeccapurple—en trois canaux de huit bits.

Ces canaux se compactent dans la forme hexadécimale familière #RRGGBB que les outils de design, les jetons de design et le HTML d'e-mail utilisent encore chaque jour. Pour tomato la table donne rouge deux cent cinquante-cinq, vert quatre-vingt-dix-neuf, bleu soixante et onze, compactés en #ff6347 ; pour navy les canaux sont zéro, zéro, cent vingt-huit et l'hex est #000080.

Ce convertisseur effectue exactement cette recherche de table : il coupe les guillemets optionnels et les espaces environnants, met l'identifiant en minuscules, rejette tout ce qui ressemble à un code hex ou à une notation fonctionnelle de couleur, puis émet l'hex compacté et les trois entiers. Les exercices de cours et les passages de design partent souvent d'un nom dans un support de marque ; disposer d'une référence déterministe lève l'ambiguïté sur la casse, les variantes d'orthographe et le fait qu'un mot marketing soit réellement un mot-clé CSS.

Conseils pratiques, limites et recherches associées

Préférez envoyer le mot-clé CSS exact que votre feuille de style ou système de design utilise déjà, y compris la casse mixte style camel si c'est ainsi qu'il apparaît dans un ticket ; la réponse normalise toujours vers un name en minuscules et un hex à six chiffres en minuscules pour que les diffs en aval restent stables.

Ne passez pas de codes hex tels que #ff6347 ni de notations fonctionnelles telles que rgb(255, 99, 71)—cette page se limite intentionnellement aux mots-clés nommés, et ces formats sont rejetés pour que vous le remarquiez plutôt que d'échouer silencieusement une recherche de table. Transparent et currentcolor ne sont pas mappés vers un hex opaque ici ; si vous avez besoin d'alpha ou de couleurs système, utilisez un autre outil.

Lors de l'écriture de tests unitaires, couvrez au moins un nom courant tel que tomato, un nom Level 4 tel que rebeccapurple, une paire d'orthographes grey ou gray, une entrée en casse mixte et un mot non reconnu délibéré pour que les régressions de validation ne passent pas.

Cette page vise les personnes qui cherchent un convertisseur nom de couleur CSS vers hex, code hex tomato, couleur nommée vers #RRGGBB ou rebeccapurple hex en ligne ; ce n'est pas un séparateur hex-vers-RVB, ni un convertisseur multi-espaces complet pour HSL LAB et CMYK, ni un extracteur de palette depuis des images. Préférez cette capacité lorsque vous avez déjà un mot-clé CSS et n'avez besoin que du jeton hex ou des entiers de canal ; si votre source est déjà hex, utilisez plutôt un convertisseur hex vers RVB.

Cas d’usage

Passage de jetons de design depuis des couleurs de marque nommées

Les designers listent les couleurs de marque comme noms CSS dans un guide de style ; les ingénieurs collent chaque nom et reçoivent les valeurs exactes #rrggbb et rgb() pour jetons et tickets.

Champs couleur de contenu et CMS

Les éditeurs saisissent tomato ou navy dans un champ CMS ; le backend résout le mot-clé en hex avant d'écrire des variables CSS ou des modèles d'e-mail.

Questions fréquentes

Quels noms de couleur sont pris en charge ?

Les 148 couleurs nommées étendues de CSS Color Level 4, y compris rebeccapurple et les deux orthographes gray/grey lorsque la norme les définit. La casse est ignorée.

Que se passe-t-il si le nom n'est pas une couleur CSS ?

Aucun frais n'est appliqué pour une validation échouée.

Puis-je passer un code hex comme #ff6347 ?

Non. Cet outil convertit uniquement les noms vers hex. Pour hex vers RVB, utilisez plutôt un convertisseur hex-vers-RVB.

Aqua et cyan sont-ils identiques ?

Oui. Dans la table CSS les deux noms mappent vers le même triplet (0, 255, 255) et le même hex #00ffff.

Quel est le code hex de la couleur tomato ?

Tomato vaut #ff6347, soit rouge 255, vert 99 et bleu 71. Tous les navigateurs modernes affichent le nom tomato exactement avec cette couleur.

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/name-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/name-hex \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"name":"tomato"}'

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

import os, requests

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

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

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

{
  "name": "tomato"
}

Exemple de réponse

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

max_name_chars 64

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 noms non reconnus, les codes hex bruts, les notations fonctionnelles rgb() ou hsl() et les phrases multi-mots avec espaces échouent avec une erreur invalid_input claire au lieu d'inventer une couleur. Le chemin est une pure recherche de table déterministe—sans réseau, sans graines aléatoires ni dépendance à l'horloge—de sorte que l'exécuteur gratuit du navigateur et l'API prépayée renvoient le même JSON à chaque appel.

Comment appeler l'API et ce qu'elle renvoie

Les exemples valides incluent tomato, Tomato, rebeccapurple, DarkSlateGray et lightskyblue ; les espaces environnants sont coupés, les guillemets optionnels sont retirés et les lettres peuvent être en majuscules ou minuscules car les noms de couleur CSS sont insensibles à la casse. Envoyez un corps JSON avec un champ chaîne obligatoire nommé name—les alias color, value, text, input et color_name sont acceptés par le même solveur. En cas de succès la réponse renvoie name comme clé canonique en minuscules, name_raw comme la chaîne d'origine coupée, hex comme chaîne #rrggbb normalisée en minuscules, hex6 sans le dièse, les champs entiers r, g et b ainsi que les alias red, green et blue, un tableau rgb de trois nombres, une chaîne css de la forme rgb(r, g, b), un court message et un tableau steps qui montre la clé normalisée et chaque ligne canal-vers-hex pour le débogage ou l'enseignement. Une validation échouée—champ manquant, chaîne vide, types non chaîne, codes hex avec ou sans dièse, formes rgb() ou hsl(), espaces dans une phrase multi-mots, caractères hors A–Z, longueur au-delà de la limite publiée ou toute chaîne absente de la table des couleurs nommées—renvoie invalid_input et n'est jamais facturée. Le tarif est un $0.002 forfaitaire par requête réussie avec unité item et prix unitaire marginal nul.

Conseils pratiques, limites et recherches associées

Les tâches échouées qui renvoient invalid_input ne consomment pas le solde prépayé, ce qui garde bon marché les scripts exploratoires et la validation de formulaires lorsque les apprenants collent des valeurs imparfaites du presse-papiers.

Cas d'intégration

Tests unitaires pour fixtures de thème et de palette

Figez des triplets hex et RVB de référence issus de mots-clés CSS afin que les tests de régression visuelle et de ratio de contraste affirment des canaux stables.

Questions techniques

Le convertisseur nom de couleur CSS vers hex est-il gratuit ?

Oui dans l'exécuteur du navigateur. Via l'API, les conversions réussies sont facturées à un $0.002 forfaitaire par requête ; les résultats invalid_input ne sont pas facturés.

Consulter la documentation complète du KIT →

Lancer gratuitement

Exemple résolu

Ce que sont les couleurs nommées CSS et comment l'hex est dérivé

Conseils pratiques, limites et recherches associées

Cas d’usage

Passage de jetons de design depuis des couleurs de marque nommées

Champs couleur de contenu et CMS

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

Comment appeler l'API et ce qu'elle renvoie

Conseils pratiques, limites et recherches associées

Cas d'intégration

Tests unitaires pour fixtures de thème et de palette

Questions techniques

merci