Que signifie l echelle de 50 a 950 ?

Ces nombres sont les paliers d echelle de couleur standard utilises par les systemes de design comme Tailwind. 50 est la teinte la plus claire et 950 la nuance la plus foncee, votre couleur de base se situant quelque part au milieu des onze paliers.

Puis-je utiliser ces couleurs dans Tailwind ?

Oui. Les onze valeurs correspondent directement aux cles de 50 a 950 de Tailwind, vous pouvez donc les coller telles quelles dans votre configuration de theme ou dans tout fichier de jetons de design.

Comment copier les couleurs ?

Cliquez sur n importe quel echantillon pour copier son code hex, ou utilisez l action tout copier pour recuperer toute l echelle d un coup. De la, vous pouvez les coller partout ou les valeurs hex sont acceptees.

Generateur de palettes de couleurs

Couleur de base

Toutes les nuances

50: #eef2ff
100: #d9e1ff
200: #b3c3ff
300: #8da5ff
400: #5e81ff
500: #2b59ff
600: #2349d1
700: #1c3ba8
800: #162d80
900: #0f1e57
950: #091438

Ce que fait le generateur de palettes de couleurs

Cet outil prend une seule couleur de base et construit une echelle complete de onze teintes et nuances autour d elle, numerotees de 50 (la plus claire) a 950 (la plus foncee). C est le meme type de rampe de couleur que vous voyez dans les systemes de design modernes, generee en quelques secondes au lieu d etre melangee a la main. Il aide les developpeurs front-end qui ont besoin d une palette prete pour Tailwind, les designers qui creent des jetons pour une marque et toute personne ayant une seule couleur favorite et souhaitant une gamme coherente du clair au fonce pour l accompagner.

Comment l utiliser

Choisissez une couleur de depart avec le selecteur de couleur, ou saisissez un code hex directement dans le champ.
L outil construit instantanement onze nuances du clair (50) au fonce (950) a partir de votre couleur de base.
Cliquez sur n importe quel echantillon individuel pour copier ce code hex dans votre presse-papiers.
Utilisez l action tout copier pour recuperer toutes les valeurs de l echelle d un coup.
Collez les codes dans votre configuration Tailwind, votre systeme de design ou votre feuille de style.

Un exemple rapide

Saisissez un bleu de marque comme #2563eb et vous obtenez une rampe complete de 50 a 950, d une teinte pale pour les arriere-plans a une nuance profonde pour le texte et les bordures. Gardez les paliers les plus clairs (50 a 200) pour les remplissages et les etats survol, votre couleur de base autour de 500 ou 600 pour les boutons, et les paliers plus fonces pour le contraste. Tout fonctionne dans votre navigateur, reste prive sans aucun envoi et est entierement gratuit sans inscription.

Questions fréquentes

Que signifie l echelle de 50 a 950 ?: Ces nombres sont les paliers d echelle de couleur standard utilises par les systemes de design comme Tailwind. 50 est la teinte la plus claire et 950 la nuance la plus foncee, votre couleur de base se situant quelque part au milieu des onze paliers.
Puis-je utiliser ces couleurs dans Tailwind ?: Oui. Les onze valeurs correspondent directement aux cles de 50 a 950 de Tailwind, vous pouvez donc les coller telles quelles dans votre configuration de theme ou dans tout fichier de jetons de design.
Comment copier les couleurs ?: Cliquez sur n importe quel echantillon pour copier son code hex, ou utilisez l action tout copier pour recuperer toute l echelle d un coup. De la, vous pouvez les coller partout ou les valeurs hex sont acceptees.