Passer au contenu
Logo de CrateX.app

CrateX.app

Convertisseur de formats de couleur

Convertisseur de formats de couleur

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.

HEX

#

RGB

HSL

CMYK
Convertisseur de formats de couleur

Démarrage rapide

1
Choisir/saisir : entrez un format pris en charge (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) ou utilisez le sélecteur
2
Conversion automatique : la saisie d'un format met à jour instantanément les autres
3
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é)

Scénario complémentaire

rgb to hex, color picker et color code convertisseur peuvent être pris en charge dans le même flux afin de vérifier le résultat avant copie ou export.

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)

Limitations et 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

5

Poursuivez avec ces outils associés pour l’étape suivante.