ForHosting KIT · Images

Fusion vivid light

Combinez une couleur de base et une couleur du dessus comme le fait vivid light : le gris #808080 sous un #C0C0C0 plus clair monte jusqu'à #FFFFFF. Chaque canal est comparé séparément au gris moyen, 128, pour un contraste marqué. Gratuit dans votre navigateur.

  • Gratuit
  • Fonctionne dans votre navigateur
  • Sans inscription
  • Vos données restent sur votre appareil
Utilisez-le depuis WebAPIE-mailTelegramApp bientôt
Si vous saisissez
Base
#808080
Top
#C0C0C0
Vous obtenez
Hex
#FFFFFF
Chaîne RGB
rgb(255, 255, 255)
Mode R
color_dodge
Mode G
color_dodge

Le vivid light est un mode de fusion à fort contraste qui applique densité couleur plus ou densité couleur moins de façon indépendante sur chaque canal RGB selon la couleur supérieure de fusion. Lorsqu'un canal supérieur se situe sous le gris moyen, le vivid light brûle : le contraste augmente et le canal de base s'assombrit comme si l'inverse de la base était divisé par le double du supérieur. Lorsqu'un canal supérieur est au gris moyen ou au-dessus, le vivid light débouche : le canal de base se relève comme s'il était divisé par le double de l'inverse du supérieur, et produit des hautes lumières percutantes. Photographes, artistes de textures et ingénieurs de pipelines de thème recourent au vivid light lorsqu'ils ont besoin du même aperçu Photoshop à partir de deux jetons hex : superposer un masque de contraste, caler un échantillon de fusion de calques en intégration continue, ou générer des couleurs d'accent sans ouvrir un éditeur de bureau. Cette capacité accepte deux couleurs hex validées, applique une seule règle déterministe par canal et renvoie l'échantillon fusionné en hex et RGB.

Comment le vivid light choisit color-burn ou color-dodge sur chaque canal

Le vivid light traite la couleur supérieure comme une surface de décision de contraste, et non comme un ratio de mélange. Pour chaque canal dans la plage de zéro à deux cent cinquante-cinq, comparez le canal supérieur au gris moyen (cent vingt-huit). Si le canal supérieur est strictement inférieur à cent vingt-huit, la branche color-burn s'exécute : le double du canal supérieur devient le diviseur de brûlage.

Le résultat est deux cent cinquante-cinq moins le produit arrondi de l'inverse de la base et de deux cent cinquante-cinq divisé par ce diviseur, puis borné à la plage légale du canal. Lorsque le canal supérieur vaut zéro, le diviseur de brûlage disparaît ; le résultat est zéro sauf si le canal de base est déjà blanc, lequel reste blanc. Si le canal supérieur est supérieur ou égal à cent vingt-huit, la branche color-dodge s'exécute : le double de l'inverse du canal supérieur devient le diviseur de débouchage.

Le résultat est le produit arrondi du canal de base et de deux cent cinquante-cinq divisé par ce diviseur, puis borné. Lorsque le canal supérieur est blanc, le diviseur de débouchage disparaît ; le résultat est blanc sauf si le canal de base est déjà noir, lequel reste noir. Les canaux supérieurs en gris moyen se placent au pivot et laissent la plupart des valeurs de base presque intactes car les enveloppes de brûlage et de débouchage se rejoignent près de l'identité.

L'ordre compte : échanger base et top est une opération différente, contrairement à un lerp RGB à cinquante pour cent.

Contrat d'entrée, champs de réponse et erreurs de validation

Chaque valeur doit être une couleur hexadécimale à trois ou six chiffres avec préfixe optionnel hash ou zero-x. Les noms CSS et les chaînes rgb entre parenthèses sont hors périmètre : normalisez-les en amont. Les échecs de validation ne sont pas facturés.

Utilisez hex lorsque vous avez besoin d'un jeton unique pour des fichiers de thème ; utilisez rgb lorsque le code de canevas ou les outils d'accessibilité attendent des canaux séparés ; utilisez les libellés de mode pour enseigner ou déboguer quelle branche de contraste s'est déclenchée sur une couleur supérieure mêlant gris et teinte.

Gardez les deux chaînes courtes : ce point de terminaison ne lit jamais d'images, ne prélélève jamais de pixels et n'appelle jamais une bibliothèque graphique ; ce sont deux jetons hex en entrée et un échantillon fusionné en sortie.

Flux de travail, tarification et différences avec d'autres outils de couleur

Appelez la fusion vivid light gratuite dans le navigateur pour des contrôles rapides de masque de contraste, des expériences de surimpression de logo et des aperçus de texture sans installer une suite de bureau. Le vivid light est la bonne intention de recherche lorsque l'utilisateur saisit mode de fusion vivid light, vivid light deux couleurs ou Photoshop vivid light hex — ces requêtes ne sont pas servies par un mélangeur générique ni par le pin light.

Limitez les requêtes à deux chaînes hex, évitez d'envoyer des couleurs nommées sans conversion, et documentez que base est le calque inférieur pour que l'équipe n'inverse jamais l'ordre par accident. Les auteurs qui mappent des kits de développement peuvent afficher hex et les trois libellés de mode à côté des sélecteurs de couleur que les étudiants et les concepteurs de production attendent déjà.

Surimpressions de contraste percutant à partir de deux jetons hex

Composez une couleur de panneau de ton moyen sous un hex de masque supérieur afin que les canaux sombres brûlent les ombres et que les canaux clairs débouchent les hautes lumières sans éditeur d'image complet.

Génération d'accents pour jeu et interface

Les auteurs de matériaux fusionnent un jeton d'albédo de base avec une couleur supérieure d'indice d'éclairage pour générer des échantillons d'accent vivid light destinés aux habillages HUD et aux palettes d'accessoires.

Comment le vivid light fusionne-t-il deux couleurs ?

Pour chaque canal RGB, si top est inférieur à 128 le résultat est un color-burn avec le double du supérieur ; si top vaut 128 ou plus, un color-dodge avec le double de l'inverse du supérieur. Envoyez base et top en hex.

Quelle est la différence entre base et top ?

Base est la couleur du calque inférieur. Top est la couleur de fusion qui choisit color-burn ou color-dodge par canal. L'ordre compte ; les échanger donne un autre résultat.

Que se passe-t-il si j'envoie un code hex invalide ?

Les deux couleurs doivent être hexadécimales à 3 ou 6 chiffres (# optionnel). Longueur incorrecte ou chiffres non hex sont rejetés et non facturés.

La fusion vivid light est-elle gratuite ?

L'outil du navigateur s'exécute gratuitement sur votre appareil.

Est-ce la même chose que pin light ou color.mix ?

Non. color.mix est un lerp RGB linéaire par ratio. Le pin light choisit assombrir ou éclaircir. Le vivid light choisit color-burn ou color-dodge : plus de contraste et une intention de recherche différente.

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.

POSThttps://api.kit.forhosting.com/color/vivid-light

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

curl -X POST https://api.kit.forhosting.com/color/vivid-light \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"base":"#808080","top":"#C0C0C0"}'
{
  "base": "#808080",
  "top": "#C0C0C0"
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.vivid_light",
  "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.

par requête$0.002

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

HTTPCodeSignification
401unauthorizedClé API absente ou invalide : vérifiez l’en-tête Authorization.
402insufficient_balanceSolde insuffisant : rechargez votre compte pour lancer cette tâche.
404unknown_typeType de tâche inconnu : vérifiez le champ type de votre requête.
429rate_limitedTrop de requêtes : ralentissez la cadence, puis réessayez.

Les entrées invalides ou manquantes échouent avec invalid_input afin que les scripts n'expédient jamais une mauvaise couleur en silence. Le chemin gratuit du navigateur et l'API prépayée partagent un seul module pur, de sorte que les goldens restent identiques bit à bit à $0.002 par élément réussi.

Comment le vivid light choisit color-burn ou color-dodge sur chaque canal

L'algorithme est de l'arithmétique pure, sans réseau, sans graine aléatoire et sans horloge murale, de sorte que des entrées identiques produisent toujours le même JSON.

Contrat d'entrée, champs de réponse et erreurs de validation

Envoyez un corps JSON avec deux champs chaîne obligatoires : base (le calque inférieur) et top (le calque de fusion qui sélectionne color-burn ou color-dodge). Les alias color1, bottom, hex1, from et background se mappent sur base ; color2, blend, hex2, to et foreground se mappent sur top, de sorte que les anciens champs de formulaire et le vocabulaire des outils de conception se connectent clairement. En cas de succès, la charge utile renvoie base et top en hex normalisé, les objets de canaux base_rgb et top_rgb, l'hex fusionné, rgb sous forme d'entiers rouge vert bleu, rgb_string pour coller dans une feuille de style, mode_r mode_g et mode_b comme les mots color_burn ou color_dodge par canal, et method toujours égal à vivid_light pour que les clients puissent brancher sans renifler les formes. Base manquante, top manquant, chaînes vides, chiffres non hex et longueurs incorrectes échouent avec invalid_input ; les messages nomment le champ pour que la validation du formulaire surligne le contrôle exact.

Flux de travail, tarification et différences avec d'autres outils de couleur

Utilisez l'API prépayée lorsqu'un pipeline de design system, un générateur de matériaux de jeu, un service d'échantillons e-commerce ou un bot d'actifs marketing a besoin d'un contrat stable sous solde KIT à $0.002 par élément réussi. Associez ce point de terminaison à color.mix lorsque vous avez besoin d'un lerp par ratio plutôt qu'un brûlage ou débouchage sélectif, à color.mix_subtractive pour une boue type peinture RYB, à color.pin_light lorsque vous voulez le frère plus doux assombrir ou éclaircir, et à color.lighten ou color.darken lorsqu'une seule couleur doit se décaler en pourcentage.

Caler les aperçus vivid light de Photoshop en CI

Les pipelines de thème et de texture appellent l'API pour que les compilations automatisées reproduisent le même hex vivid light qu'un concepteur a vu dans Photoshop, identique bit à bit à chaque exécution.

Consulter la documentation complète du KIT →