Convertisseur de formats de couleur

Prend en charge la conversion de format de couleur entre HEX, RGB, HSL et CMYK, fournit un aperçu en temps réel et un sélecteur de couleurs. Conversion synchronisée automatique, adapté au transfert de conception, au style CSS et à l'unification des guides de style.

Instructions d'utilisation

🚀 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

📌 Cas d’usage 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’utilisation

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)

⚠️ Limites & Compatibilité

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

❓ 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.