Aller au contenu
Toolars
Explorer

Générateur de nuances de couleur

Color Shades Generator

Régler séparément assombrissement et éclaircissement ; voir HEX, RGBA, HSL et copier toute la palette.

Traitement local

Détails du traitement

Les données de l’outil sont traitées sur votre appareil.

Des ressources peuvent être téléchargées pour cet outil. Les services de compte sont distincts.

Préparation de l'usage hors ligne…

Informations sur la confidentialité
Signaler un bug

Parcours de la tâche / de l'entrée au résultat

Comment générer une échelle de nuances de couleur

  1. 01

    Définissez la couleur de base

    Entrez une valeur hexadécimale sous Couleur de base — #RGB, #RGBA, #RRGGBB et #RRGGBBAA fonctionnent tous, et le champ s'ouvre avec #6D5EF8. La couleur de base se trouve toujours au milieu de l'échelle terminée. Pas sombre (%) · Pas clair (%) · Étapes par côté · Copier toutes les couleurs

  2. 02

    Choisissez le nombre de nuances

    Réglez Nombre de nuances sur un entier de 3 à 20 — la valeur par défaut est 9. Un nombre impair équilibre les côtés plus foncés et plus clairs de façon égale autour de la base ; un nombre pair centre quand même la base et donne un échantillon supplémentaire au côté clair.

  3. 03

    Générez la gamme

    Cliquez sur Générer les nuances. La palette va des nuances profondes à travers votre couleur de base jusqu'aux teintes claires, et chaque échantillon est numéroté et étiqueté avec sa valeur hexadécimale, donc la position 1 est toujours l'étape la plus foncée.

  4. 04

    Vérifiez le comportement du mélange

    Réglez séparément les pas d’assombrissement et d’éclaircissement de 1% à 100%. Chaque teinte suivante mélange la base un pas de plus vers le noir ou le blanc, jusqu’à 100% ; les extrémités peuvent donc atteindre le noir ou le blanc. L’alpha de la base est conservé.

  5. 05

    Chargez l'échelle d'exemple

    Cliquez sur Charger un exemple pour générer sept nuances autour de #0EA5E9 — une exécution de référence complète que vous pouvez inspecter avant d'entrer votre propre couleur de marque. Réinitialiser restaure la base #6D5EF8 et le nombre de 9.

  6. 06

    Copiez ou téléchargez les jetons

    Cliquez sur Copier la sortie pour copier un bloc :root de propriétés personnalisées --toolars-shade-1 …, ou sur Télécharger pour l'enregistrer sous toolars-color-shades.css, prêt à coller dans une feuille de style. Chaque carte d'échantillon affiche aussi sa valeur hexadécimale pour une copie ponctuelle. Exporter le résultat actuel. HEX / RGBA / HSL / JSON.

Fiche de l'outil

Traitement
Dans votre navigateur
L'entrée quitte cet appareil
Jamais
Conservation
Rien n'est stocké
Prix
Gratuit

Vos données restent dans le navigateur.

Générateur de nuances de couleur utilise son chemin d'exécution local vérifié et ne crée aucun historique caché des entrées ou sorties.

Exécution locale

S'exécute dans l'onglet actuel du navigateur.

Aucun traitement caché

Les données actives de l'outil ne deviennent jamais un enregistrement de document Toolars.

Aucun compte requis

Utilisez le workflow principal sans créer de profil. Les favoris se synchronisent avec votre compte après connexion.

Réinitialisation immédiate

Effacez l'onglet et les données de travail actives disparaissent.

Ce que Générateur de nuances de couleur fait vraiment

Un guide concis sur la transformation, ses limites et le résultat attendu.

Questions fréquentes

Combien de nuances une échelle peut-elle comporter ?
Entre 3 et 20, réglé avec le champ Nombre de nuances ; l'espace de travail utilise 9 par défaut. Un nombre hors de cette plage est rejeté avec un message qui nomme la limite. Régler séparément assombrissement et éclaircissement ; voir HEX, RGBA, HSL et copier toute la palette. Exporter le résultat actuel. HEX / RGBA / HSL / JSON.
Comment l'échelle est-elle calculée ?
Réglez séparément les pas d’assombrissement et d’éclaircissement de 1% à 100%. Chaque teinte suivante mélange la base un pas de plus vers le noir ou le blanc, jusqu’à 100% ; les extrémités peuvent donc atteindre le noir ou le blanc. L’alpha de la base est conservé.
Qu'est-ce qui change avec un nombre pair de nuances ?
La couleur de base occupe toujours la position centrale, mais les deux côtés ne peuvent pas se refléter exactement : un nombre pair donne au côté clair un échantillon de plus qu'au côté foncé. Choisissez un nombre impair comme 9 ou 11 pour une gamme parfaitement symétrique.
L'échelle préserve-t-elle la transparence ?
Oui. Si la couleur de base porte un octet alpha — par exemple #6D5EF8CC — le même alpha est conservé sur toute la gamme, et les valeurs hexadécimales exportées gagnent l'octet alpha dès que l'alpha de base est inférieur à 1.
Quel format l'export utilise-t-il ?
Un bloc :root de propriétés personnalisées CSS nommées --toolars-shade-1 à --toolars-shade-N contenant les valeurs hexadécimales, téléchargeable en fichier .css ou copiable dans le presse-papiers. Chaque carte d'échantillon affiche aussi sa valeur hexadécimale pour une copie directe.
La couleur est-elle envoyée quelque part ?
Non. Toute la gamme est calculée dans cet onglet du navigateur, les entrées et les résultats ne le quittent jamais, et aucun compte n'est requis.

Poursuivre la lecture

Guides

Des tâches associées, pas une impasse.

Passez à un autre espace de travail ciblé sans revenir à l'index complet.

Générateur de cases à cocher CSS

CSS Checkbox Generator

24 modèles de cases : huit marques × trois transitions ; tester l’aperçu natif au clic ou avec Espace.

Créer

Générateur d'interrupteurs CSS

CSS Switch Generator

18 modèles d’interrupteurs : six curseurs × trois transitions ; tester au clic ou au clavier.

Créer

Générateur de clip-path CSS

CSS Clip Path Generator

24 formes de découpe, paramètres et points de polygone modifiables ; exporter CSS ou une déclaration.

Créer