Convertisseur de couleur gratuit de Bee Tools. Convertissez HEX, RGB, HSL, HSV et CMYK en direct, avec un sélecteur, une échelle de luminosité à 10 niveaux et des palettes de couleurs complémentaires/triadiques/analogues.
Conversion en direct entre HEX, RGB, HSL, HSV et CMYK avec échelles et palettes. Le convertisseur de couleur de Bee Tools fonctionne en JavaScript natif. Collez l'un des cinq formats et voyez le reste se mettre à jour instantanément, plus une échelle de luminosité à 10 niveaux et des palettes complémentaires/triadiques/analogues — idéal pour le design d'interface, les tokens frontend et le travail d'impression.
Échelle de clarté
Palettes associées
Complémentaire
Triadique 1
Triadique 2
Analogue
Guide complet des espaces de couleur
Comparaison des cinq espaces de couleur
HEX — la valeur par défaut en CSS. #RRGGBB exprime une couleur 24 bits.
RGB — primaires additives. Le modèle de l'écran, facile à calculer.
HSL — Teinte, Saturation, Clarté. Idéal pour ajuster la luminosité et la saturation.
HSV — Teinte, Saturation, Valeur. La valeur par défaut dans le sélecteur de Photoshop.
CMYK — Cyan, Magenta, Jaune, Key(noir). Mélange soustractif, référence pour la sortie d'impression.
Scénarios de conversion typiques
Design → frontend : HEX → RGB / HSL pour les variables Tailwind ou CSS.
Palette de marque : HSL génère une rampe de clarté complète à partir d'une seule teinte.
Support d'impression : convertissez le RGB d'écran en CMYK et comparez avec une épreuve.
Design de palette : ajustez la teinte HSL de ±30° / ±120° / ±180° pour les couleurs analogues, triadiques et complémentaires.
Astuces pro
Visez 45 à 55 % de clarté sur les primaires de marque — cela facilite la génération d'une palette 100–900.
Le texte sur les fonds doit respecter le contraste WCAG 4,5:1 ; itérez avec l'échelle de luminosité.
Le HEX à 6 chiffres ne peut pas décrire un large gamut. Pour les appareils Display P3 / Rec.2020, utilisez la syntaxe CSS Color 4 color(display-p3 ...).
Revérifiez toujours la sortie CMYK dans un logiciel professionnel avant l'impression — cet outil utilise un modèle mathématique sRGB.
À propos de cet outil
Le convertisseur de couleur de Bee Tools s'exécute entièrement dans votre navigateur. Saisissez via le sélecteur, HEX, RGB, HSL ou HSV, et obtenez une échelle de luminosité synchronisée à 10 niveaux plus quatre relations de palette. Rien n'est téléversé, fonctionne hors ligne.
FAQ
Quels formats de couleur sont pris en charge ?
HEX (#RRGGBB / #RGB), RGB, HSL, HSV et CMYK — les cinq espaces de couleur les plus courants, mis à jour en temps réel.
Quelle est la précision des résultats ?
RGB utilise des entiers de 0 à 255, HSL/HSV utilisent des pourcentages, et CMYK utilise des entiers de 0 à 100 arrondis à l'entier le plus proche — conforme aux logiciels de design courants.
Des données de couleur sont-elles téléversées ?
Non. Toute la conversion s'exécute localement dans votre navigateur. Les valeurs ne quittent jamais votre appareil.
Pourquoi HEX → CMYK → HEX ne correspond-il pas à l'original ?
Les gamuts RGB et CMYK diffèrent. L'écran (RGB) couvre plus de couleurs que l'impression (CMYK) ; les couleurs hors gamut sont mappées lors de la conversion. Ce comportement est attendu.
Que sont les couleurs complémentaires, triadiques et analogues ?
Complémentaire = à 180° d'écart (contraste élevé). Triadique = trois couleurs à 120° d'écart (équilibré). Analogue = à ~30° d'écart (harmonieux).
Comment utiliser l'échelle de luminosité générée ?
Elle divise la teinte actuelle en 10 niveaux de clarté (10 %–100 %), parfaite pour construire des palettes d'interface ou des tokens de couleur Tailwind.
Les canaux alpha sont-ils pris en charge ?
Cette version se concentre sur les espaces de couleur opaques. Pour RGBA/HSLA, ajoutez manuellement la valeur alpha après la sortie RGB/HSL.