ForHosting KIT · Images

Assombrissez une couleur en réduisant sa valeur HSV

Assombrissez une couleur sans dévier sa teinte : retirer 25 % de la valeur HSV transforme #40A0FF en #3078BF, avec la même teinte et la même saturation, et les valeurs RVB et HSV affichées à côté. 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

Couleur: #40A0FF
Quantité: 25

Vous obtenez

Original: #40A0FF
Hex: #3078BF

Cet outil crée une version plus sombre d’une couleur hexadécimale en diminuant sa valeur HSV tout en conservant sa teinte et sa saturation. Saisissez une couleur sur trois ou six chiffres ainsi que le pourcentage de sa valeur actuelle à retirer. Vous obtenez la source normalisée, le code hexadécimal assombri, les canaux RGB entiers et les composantes HSV finales. Le calcul repose sur une arithmétique fixe et un arrondi explicite : une entrée identique produit donc toujours le même résultat. Une couleur incorrecte ou un pourcentage hors de zéro à cent renvoie une erreur claire, sans estimation ni correction silencieuse.

Effet de la réduction de la valeur HSV sur une couleur

Le modèle HSV décrit une couleur par sa teinte, sa saturation et sa valeur. La teinte situe la couleur sur le cercle chromatique, la saturation mesure son éloignement du gris neutre et la valeur correspond au canal RGB le plus lumineux exprimé en pourcentage. Cet outil ne modifie que cette dernière composante.

Il convertit d’abord le code hexadécimal en canaux rouge, vert et bleu, passe ces canaux en HSV, puis multiplie la valeur courante par un moins la quantité demandée divisée par cent. Une quantité de vingt-cinq pour cent conserve ainsi soixante-quinze pour cent de la valeur initiale, au lieu de soustraire vingt-cinq points fixes. Cette réduction relative s’adapte aux couleurs déjà sombres et ne peut pas créer de valeur négative; une borne explicite à zéro rend aussi le comportement incontestable.

La teinte et la saturation restent fixes : un bleu vif conserve son identité mais devient plus sombre. À zéro pour cent, seul le format est normalisé; à cent pour cent, la valeur atteint zéro et le résultat est noir. Cette opération diffère de la réduction de luminosité HSL, car la valeur HSV suit le canal RGB maximal.

Fournir des couleurs et des pourcentages valides

Indiquez color sous forme de chaîne hexadécimale CSS à trois ou six chiffres, avec ou sans dièse initial. Une forme courte telle que #3AF est développée canal par canal en #33AAFF avant la conversion. Les lettres majuscules et minuscules sont acceptées, et la source normalisée revient sur six chiffres majuscules.

Les formes alpha à quatre ou huit chiffres sont refusées, car cette capacité transforme une couleur opaque sans composer une transparence sur un arrière-plan. Les espaces qui entourent toute la chaîne sont ignorés, mais tout espace ou signe placé dans le code est invalide. Le champ obligatoire amount représente le pourcentage de la valeur HSV courante à retirer.

Il doit s’agir d’un nombre fini compris entre zéro et cent inclus; les décimales permettent de générer des jetons précis. Le solveur accepte aussi les chaînes numériques pour les formulaires, mais refuse les champs vides, le texte non numérique, l’infini, les nombres négatifs et les valeurs supérieures à cent. La validation n’invente jamais de couleur et ne borne pas silencieusement un pourcentage incorrect.

La réponse contient l’original, le code assombri, la quantité, les entiers RGB et les valeurs HSV en degrés et pourcentages.

Exploiter un résultat déterministe dans vos créations

Utilisez l’outil dans le navigateur pour dériver l’état enfoncé d’un bouton, vérifier une nuance de graphique plus sombre ou comparer des paliers de luminosité sans installer de logiciel. Les canaux RGB sont arrondis à l’entier le plus proche après la reconversion depuis HSV, tandis que les champs HSV sont arrondis à six décimales. Cette règle évite les longues traînes flottantes tout en gardant une précision vérifiable.

Pour construire une gamme, appliquez plusieurs quantités à la même source plutôt que d’enchaîner les sorties, afin d’éviter l’accumulation des arrondis. Choisissez cette capacité si votre règle vise précisément la valeur HSV; pour HSL, OKLCH, l’alpha ou un contraste cible, préférez la transformation correspondante.

Cas d’usage

Créer des états interactifs

Produisez des couleurs reproductibles pour les états survolé, actif et enfoncé à partir d’un jeton de base et de réductions HSV documentées.

Construire une gamme HSV

Appliquez plusieurs pourcentages à une source unique et exportez des codes stables sans cumul d’arrondis.

Normaliser une chaîne graphique

Partagez le même réglage déterministe entre aperçus navigateur, builds serveur, tests et documentation générée.

Questions fréquentes

Que réduit exactement le pourcentage ?

Il retire ce pourcentage de la valeur HSV actuelle. Par exemple, 20 pour cent conservent 80 pour cent de la valeur initiale.

La valeur HSV correspond-elle à la luminosité HSL ?

Non. HSV repose sur le canal RGB maximal, alors que HSL utilise le milieu entre les canaux maximal et minimal. Les résultats peuvent différer.

Quels formats de couleur sont acceptés ?

Utilisez un code hexadécimal à trois ou six chiffres, avec ou sans dièse. Les formes alpha et les noms de couleur sont refusés.

Que se passe-t-il à zéro et cent pour cent ?

Zéro conserve la couleur en normalisant son format. Cent fixe la valeur HSV à zéro et renvoie du noir.

Comment assombrir #40A0FF de 25 % ?

Saisissez #40A0FF comme couleur et 25 comme quantité. L’outil conserve 75 % de la valeur actuelle et renvoie #3078BF, soit RVB 48, 120, 191, avec la même teinte et la même saturation.

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/dim-hsv

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/dim-hsv \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color":"#40A0FF","amount":25}'

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

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/color/dim-hsv",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "color": "#40A0FF",
    "amount": 25
},
)
task_id = res.json()["task_id"]

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

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

{
  "color": "#40A0FF",
  "amount": 25
}

Exemple de réponse

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

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

Fournir des couleurs et des pourcentages valides

Vous pouvez employer hex comme alias de color, ainsi que percent ou percentage pour amount.

Exploiter un résultat déterministe dans vos créations

Appelez l’API lorsqu’un compilateur de thèmes, une chaîne de jetons, une génération documentaire ou un service de ressources doit répéter exactement la transformation. Chaque élément réussi via l’API commence à $0.002. Le code hexadécimal compte toujours six chiffres majuscules, prêts pour des propriétés CSS, des jetons JSON ou un canevas.

Questions techniques

Un pourcentage incorrect est-il borné ?

Non. Toute valeur absente, non finie, négative ou supérieure à cent renvoie invalid_input afin de rendre l’erreur visible.

Quel est le prix de l’API ?

Chaque élément réussi via l’API commence à $0.002; le même solveur déterministe fonctionne gratuitement dans le navigateur.

Consulter la documentation complète du KIT →

Lancer gratuitement

Exemple résolu

Effet de la réduction de la valeur HSV sur une couleur

Fournir des couleurs et des pourcentages valides

Exploiter un résultat déterministe dans vos créations

Cas d’usage

Créer des états interactifs

Construire une gamme HSV

Normaliser une chaîne graphique

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

Erreurs

Notes techniques

Fournir des couleurs et des pourcentages valides

Exploiter un résultat déterministe dans vos créations

Questions techniques

merci