Passer au contenu
Convertisseur d'horaires de coup d'envoi de la Coupe du monde est disponibleVoyez les coups d’envoi dans votre fuseau horaire et ajoutez des rappels au calendrier.
Logo de CrateX.app

CrateX.app

Convertisseur de couleurs

Convertissez localement une couleur entre HEX à 6 chiffres, RGB, HSL et CMYK avec un sélecteur de couleur, une couleur aléatoire, un aperçu en direct, des réglages de canaux et des chaînes CSS prêtes à copier.

HEX

#

RGB

HSL

CMYK
Convertisseur de couleurs

Démarrage rapide

1
Saisissez un HEX à 6 chiffres ou des canaux RGB/HSL/CMYK
2
Utilisez le sélecteur ou Aléatoire, puis vérifiez les valeurs synchronisées
3
Copiez la chaîne CSS HEX, RGB, HSL ou CMYK

Scénarios courants

Passage design-dev

convertir le HEX des maquettes en RGB/HSL CSS pour le développement

Style guide

unifier les formats et conventions d'écriture dans la bibliothèque

Référence d'impression

convertir la couleur écran en CMYK comme première estimation, puis confirmer avec l'épreuvage et le flux d'impression

Accessibilité

utilisez l'aperçu pour une vérification visuelle rapide uniquement; utilisez un outil de contraste dédié pour les ratios exacts

Paramètres de conversion & affichage

Règles de saisie: HEX accepte uniquement 6 chiffres (#RRGGBB; pas de #RGB, #RGBA, #RRGGBBAA ni alpha); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. La saisie n'est pas sensible à la casse
Aperçu: aperçu en direct à droite sur ordinateur; 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 utilise sRGB par défaut; 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 est approximatif: les valeurs dépendent des profils ICC, du papier, de l'encre, des appareils et de l'épreuvage; utilisez-les comme référence, pas comme valeurs prêtes à imprimer
Pas d'alpha: cet outil ne traite pas la transparence, rgba(), hsla(), #RGBA ou #RRGGBBAA
Sous-ensemble de couleurs CSS: couleurs nommées, transparent, currentColor, HWB, HSV/HSB, Lab, LCH, OKLab, OKLCH, Display-P3, device-cmyk(), couleurs relatives, color-mix() et contrast-color() sont hors du périmètre de cet outil
Pas un outil d'image ou de palette: cette page ne fait pas d'échantillonnage d'image, de pipette d'écran, de génération de palette, de génération de dégradé, de vérification du ratio de contraste, d'export CSS variables ni d'export design tokens.

Confidentialité & sécurité

Le traitement s'effectue dans le navigateur. La couleur actuelle, les valeurs de canaux, les réglages de sortie, la précision décimale, la préférence HEX en majuscules, la préférence d'aperçu et la liste des couleurs récentes peuvent rester dans la session actuelle du navigateur ou dans le stockage du navigateur. Si vous enregistrez un espace de travail ou activez la synchronisation WebDAV, la couleur actuelle et les réglages peuvent être enregistrés selon vos réglages de synchronisation; les couleurs récentes ne sont pas synchronisées via WebDAV. Les chaînes HEX, RGB, HSL et CMYK sont recalculées à partir de la couleur actuelle et des réglages, et ne sont pas stockées comme résultats séparés. Cette page ne lit pas d'images, n'échantillonne pas l'écran, ne récupère pas d'URL et n'envoie pas les couleurs pour une conversion côté serveur. Sur un appareil partagé, effacez les couleurs, les réglages et les données du site si nécessaire.

FAQ

5

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

Ressources

Guides

À propos

À propos de nous
Tarifs

Légal

Conditions d'utilisation
Politique de confidentialité
Politique de cookies

Préférences

Gérer les cookies

Tout le traitement des outils s'effectue localement dans votre navigateur.