Sélecteur et convertisseur de couleurs hexadécimales (RVB, HSL, HSV)
Convertissez les formats hexadécimaux en RVB, HSL et HSV, copiez des échantillons d'harmonie et exportez du CSS ou du JSON, directement dans votre navigateur.
Saisissez #RGB ou #RRGGBB (avec ou sans #). Les valeurs invalides conservent la dernière bonne conversion.
Conversions
Exporter des échantillons
Choisissez ou collez une couleur hexadécimale, convertissez-la en RVB, HSL et HSV, générez des échantillons complémentaires/analogues/triadiques/monochromes, copiez les valeurs et exportez CSS ou JSON. Gratuit, rapide et fonctionne entièrement dans votre navigateur.
Comment utiliser ce sélecteur de couleurs hexadécimal
Tapez ou collez une valeur hexadécimale, ou utilisez le sélecteur natif. La page le convertit instantanément en RVB, HSL et HSV, génère des échantillons d'harmonie et une bande de teinte/ombre, et garde tout prêt à être copié. Partagez votre configuration avec l'URL : l'état est stocké dans la chaîne de requête.
Référence Hex, RVB, HSL et HSV
Hex est un encodage RVB compact. RVB décrit les canaux rouge/vert/bleu. HSL exprime la teinte, la saturation et la légèreté ; HSV utilise la teinte, la saturation et la valeur (luminosité). Cet outil utilise des mathématiques déterministes dans votre navigateur : aucun téléchargement ni API externe.
Complémentaire, analogue, triadique et monochromatique
Rotation complémentaire de la teinte à 180°. Des marches analogues se teintent selon un angle fixe autour de votre base. Triadique utilise des décalages de 120°. Le monochromatique conserve la teinte et varie la luminosité. Les contrôles de comptage s'appliquent aux modes analogiques et monochromatiques.
Variables CSS et export JSON
L'exportation produit des propriétés personnalisées :root avec des noms stables (par exemple --color-base, --color-analogous-1) et JSON avec baseHex, un mode d'harmonie et des listes d'échantillons pour les scripts ou les jetons de conception.
Foire aux questions
#ABC s'étend-il à six chiffres ?
Oui. L'hexadécimal à trois chiffres est développé par paire de chiffres, donc #ABC devient #AABBCC.
Que se passe-t-il si mon hex est invalide ?
Vous voyez une erreur en ligne. La dernière couleur valide reste dans les lignes de conversion, le sélecteur et les exportations jusqu'à ce que vous saisissiez à nouveau un hexadécimal valide.
Comment sont calculées les couleurs d’harmonie ?
Ils sont déterministes : complémentaire est un changement de teinte de 180° en HSL ; l'analogue utilise des étapes de teinte fixes ; triadique utilise des décalages de 120° ; monochromatique varie la luminosité tout en gardant la teinte et la saturation de la base.
Que contient l’export JSON ?
Clés stables : baseHex, Harmony, HarmonyCount le cas échéant, HarmonySwatches (chaînes hexadécimales), tintShadeStrip et stripCount, adaptées à l'outillage ou à la documentation.
Puis-je partager mes couleurs ?
Oui. L'URL est mise à jour avec l'hexadécimal, le mode d'harmonie, le nombre et la taille de la bande afin que vous puissiez ajouter ou partager une configuration exacte.