Comment ça marche
L'entrée de couleur native donne une valeur sRVB sous forme de chaîne hexadécimale à six chiffres. Les canaux sont analysés en décimal pour le triplet RVB et la propriété personnalisée CSS est écrite dans la syntaxe exacte attendue par une feuille de style.
- Utilise l'entrée de couleur native, il fonctionne donc avec la pipette du système là où le navigateur le prend en charge.
Pourquoi c'est important
Une palette vit dans Figma, CSS, des emails et parfois un canevas. Chaque étape de traduction est une opportunité de coller le mauvais format, donc copier ensemble HEX, RVB et une propriété personnalisée supprime une classe d'erreurs évitables.
Un exemple concret
La sélection de #635BFF donne rgb(99, 91, 255) et la propriété personnalisée CSS --color: #635BFF, qui peut être déposée dans une feuille de style et référencée partout au lieu de répéter le code hexadécimal.
Erreurs courantes
- Choisir la couleur et l'arrière-plan séparément sans vérifier le contraste.
- S'appuyer uniquement sur la teinte pour signaler l'état.
- Oublier les variantes de survol et de focus.
Conseils pratiques
Choisissez d'abord l'échelle neutre, puis l'accent. Une seule couleur d’accent et trois tons neutres sont plus faciles à maintenir cohérentes entre les thèmes clairs et sombres qu’une palette plus grande.
Comment l'utiliser
- Ouvrez l'outil. Tout se déroule dans l'onglet de votre navigateur.
- Collez ou saisissez votre saisie, puis choisissez l'action dont vous avez besoin.
- Vérifiez le résultat et copiez-le en un clic.
Questions courantes
Puis-je choisir une couleur sur l'écran ?
Là où le navigateur prend en charge la pipette native, oui. Sinon, utilisez l'échantillon d'entrée de couleur.
Quels formats produit-il ?
HEX, un triplet RVB et une propriété personnalisée CSS que vous pouvez coller dans une feuille de style.
La couleur choisie est-elle enregistrée ?
Non. La valeur n'existe que dans la page jusqu'à ce que vous la fermiez.
Cet outil est-il vraiment gratuit ?
Oui. Il n'y a pas de compte, pas de paywall et pas de limite d'utilisation. Tools App est financé par aumenso, le studio derrière elle.
Est-ce que quelque chose que j'entre est téléchargé ?
Non. L'outil s'exécute dans l'onglet de votre navigateur ; ce que vous saisissez ne nous est jamais envoyé et n'est jamais stocké.