Passer au contenu
Logo de CrateX.app

CrateX.app

Convertisseur de couleurs

Convertissez localement une couleur entre HEX à 6 chiffres (#RRGGBB), RGB, HSL et CMYK avec un sélecteur, une couleur aléatoire, un aperçu en direct, des réglages de canaux, des valeurs CSS HEX/RGB/HSL prêtes à copier et une notation CMYK de référence.

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

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 couleur : utilisez le sélecteur de la carte HEX.
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)
Copie : le bouton produit des valeurs CSS HEX, RGB et HSL normalisées (HEX en majuscules), ou la notation CMYK de référence cmyk(...)

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 peut rester dans la session en cours. Si vous enregistrez un espace de travail ou activez WebDAV, elle peut être enregistrée ou synchronisée avec cet espace. Les sorties dérivées, l’historique d’annulation et les erreurs temporaires ne sont ni stockés ni synchronisés comme données distinctes, et l’outil ne conserve aucune liste de couleurs récentes. Cette page ne lit pas d’images, n’échantillonne pas l’écran, ne récupère aucune URL et n’envoie pas les couleurs pour une conversion côté serveur. Sur un appareil partagé, effacez la couleur et les données du site si nécessaire.

FAQ

5

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

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