Convertisseur de formats de couleur
Convertir une couleur entre HEX, RGB, HSL et CMYK avec aperçu en direct (aperçu en direct sur desktop)
HEX
#
RGB
R
G
B
HSL
H
S
L
CMYK
C
M
Y
K
Astuce : faites glisser les lettres des canaux pour un réglage fin
Aperçu
🚀 Démarrage rapide
- Choisir/saisir : entrez un format pris en charge (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) ou utilisez le sélecteur
- Conversion automatique : la saisie d'un format met à jour instantanément les autres
- Copie : bouton dédié à côté de chaque format pour obtenir la chaîne normalisée
📌 Scénarios courants
- Handoff design : convertir HEX des maquettes en RGB/HSL CSS pour le dev
- Style‑guide : unifier formats et conventions d'écriture dans la bibliothèque
- Impression : convertir l'écran en CMYK comme première estimation (épreuves nécessaires)
- Accessibilité : utiliser l’aperçu pour un premier ressenti du contraste (ratios précis via un outil dédié)
🎛️ Paramètres de conversion & affichage
- Règles d’entrée : HEX 6 chiffres uniquement (sans alpha) ; RGB 0–255 ; H 0–360 ; S/L 0–100 ; CMYK 0–100. Insensible à la casse
- Aperçu : aperçu en direct à droite sur desktop ; mode allégé sans aperçu sur mobile
- Sélecteur de couleurs : bouton palette en haut à droite de chaque carte
- Politique majuscules HEX : sortie normalisée en majuscules (ex. #1E90FF) ; entrée insensible à la casse ; pas d’interrupteur
- Réglage fin : faites glisser les lettres des canaux (Maj×10, Alt÷0.1)
- Sortie de copie : la copie produit une chaîne standardisée (HEX en majuscules)
🧭 Conseils d’usage
- Précision : la gestion des couleurs varie selon les appareils ; la pipette peut diverger selon les apps
- Alpha : les formats actuels n'incluent pas d'alpha ; utilisez rgba()/hsla() ou un canal séparé
- Espace colorimétrique : le web est en sRGB ; en P3/Display‑P3, validez soigneusement
- Cohérence d'équipe : convenir d'un format canonique en CSS (ex. HSL)
⚠️ Risques & limites
- Variations d'appareil : écrans/navigateurs/OS gèrent différemment la couleur ; le rendu peut varier
- CMYK approximatif : valeurs indicatives ; pour l'impression réelle, utilisez des profils ICC et un flux dédié
- Pas d’alpha : la transparence n’est pas gérée
🔒 Confidentialité & sécurité
- Tous les traitements s’effectuent dans votre navigateur ; aucune donnée ne quitte votre appareil
- Pas de persistance : nettoyage à la fermeture de la page, sauf sauvegarde explicite
❓ FAQ
Le raccourci #RGB est‑il pris en charge ?
Non pour le moment ; utilisez un HEX sur 6 chiffres (#RRGGBB).
Quels sont les intervalles pour RGB et HSL ?
RGB : 0–255 (entiers) ; H : 0–360, S/L : 0–100 %
Pourquoi le CMYK diffère‑t‑il du rendu imprimé ?
CMYK dépend du papier, des encres, du périphérique et des profils ICC ; ici, valeurs approximatives — épreuves requises
L’alpha (rgba()/hsla()) est‑il pris en charge ?
Pas pour le moment ; utilisez rgba()/hsla() ou un canal alpha séparé.
Pourquoi l’aperçu ou les valeurs diffèrent‑ils des apps/navigateurs ?
Gestion des couleurs, rendu, calibration d’écran : l’outil calcule en sRGB ; résultat indicatif.
La large gamme (P3/Display‑P3) est‑elle prise en charge ?
Actuellement basé sur sRGB ; pour P3, validez avec l’appareil cible et des profils ICC.
Peut‑on convertir CMYK vers HEX/RGB ?
Oui, mais CMYK→écran est approximatif ; l’impression requiert des profils ICC et des épreuves.