Convertisseur de couleurs
Collez n'importe quelle couleur CSS et obtenez tous les formats à la fois : HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH et color(). Gère l'alpha et le gamut. Converti dans votre navigateur — jamais envoyé.
Notes développeur
• colorjs.io est le seul parseur/convertisseur — pas de chroma-js, tinycolor2 ni culori. • L'alpha multiplie l'alpha propre de la couleur collée, donc un rgba(...) collé conserve son alpha à alphaValue=1 par défaut. • HWB et le bloc LAB/LCH/OKLAB/OKLCH/color() ne portent jamais de suffixe alpha — seuls rgba, hsla, hex8 et color() reflètent alphaValue. • Les couleurs hors gamut utilisent l'algorithme de mappage de gamut CSS Color 4 quand gamutFallback est activé ; désactivé, un clip naïf par canal est affiché. • La précision arrondit uniquement les canaux LAB/LCH/OKLAB/OKLCH/color() — HEX/RGB/HSL sont fixes par définition.
Options
- Alpha — Multiplie l'alpha propre de la couleur collée. Recalcule l'alpha de rgba, hsla, hex8 et color() ; hex6 et HSL simple restent inchangés. Par défaut 1 (conserve l'alpha collé).
- Formats modernes — Affiche ou masque le bloc LAB / LCH / OKLAB / OKLCH / color(). HEX/RGB(A)/HSL(A)/HWB restent toujours visibles. Activé par défaut.
- Repli de gamut — Affiche un badge visible et une valeur sRGB mappée au gamut pour les entrées à large gamut. Désactivé, seules les valeurs brutes, potentiellement tronquées, sont affichées. Activé par défaut.
- Précision — Décimales affichées sur les canaux numériques LAB/LCH/OKLAB/OKLCH/color(). Ne s'applique pas à HEX (chiffres fixes) ni RGB/HSL (entiers/pourcentages). Par défaut 2.
Outils CSS associés
Hub : Outils couleur & CSS. Vérifiez le contraste avec Vérificateur de contraste WCAG, ou réduisez et formatez vos feuilles de style avec Minifier CSS et Beautifier CSS.
FAQ — Convertisseur de couleurs
Convertisseur de couleurs universel, collage local
Quels formats de couleur puis-je coller ?
HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH, CSS color() (y compris display-p3) et couleurs CSS nommées — aucun sélecteur de format requis.
Mes couleurs sont-elles envoyées quelque part ?
Non. L'analyse et la conversion s'exécutent entièrement dans votre navigateur via colorjs.io. FastMinify n'envoie jamais de couleurs à un serveur.
Que se passe-t-il pour les couleurs hors gamut ?
Un badge apparaît, et avec gamutFallback activé, les lignes de base HEX/RGB/HSL affichent une valeur sRGB mappée selon CSS Color 4, étiquetée distinctement de la valeur brute à large gamut du bloc moderne.
L'alpha s'applique-t-il à tous les formats ?
L'alpha se reflète dans rgba, hsla, hex8 et color(). HWB et les canaux LAB/LCH/OKLAB/OKLCH restent sans alpha.
Outils couleur & CSS
Vérification de contraste WCAG en collage local avec syntaxe couleur CSS moderne — vues paire et matrice, jamais envoyé.
Découvrez les autres catégories d'outils
Minifier
Réduisez code et assets pour la production — minifiez JS, CSS, HTML, JSON, XML et SVG avant gzip ou déploiement CDN.
Déminifier
Développez du code minifié ou compressé — déminifiez JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML et d'autres formats pour déboguer ou relire.
Conversion
Transformez des données entre JSON, YAML, XML et CSV localement — sans envoi serveur.
Encodage
Encodez ou décodez Base64, composants URL et entités HTML — uniquement côté client.
Sérialisation
Sérialisez et désérialisez des structures PHP à côté de vos flux JSON.
Outils JSON
Validez, formatez, comparez et explorez des payloads JSON — complémentaires aux minificateurs et convertisseurs.
Outils SVG
Prévisualisez, optimisez avec SVGO, exportez en Data URI, redimensionnez, formatez, convertissez en JSX et validez vos SVG — tout dans le navigateur.
Beautifier
Rendez le code lisible avec une indentation cohérente — beautifiez JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML et plus encore dans votre navigateur.
Préprocesseurs CSS
Compilez SCSS ou LESS en CSS standard dans le navigateur — complétez avec beautify ou minify pour un workflow feuille de style complet.
DevOps & Infra
Format/validate/minify HCL, format & lint Dockerfile, validation Compose et .env.
CI/CD
GitHub Actions et GitLab CI — formater le YAML et vérifier la structure des workflows/jobs dans le navigateur.
Logs & observabilité
JSON/NDJSON ligne à ligne et access logs Nginx/Apache — format, filtre, validation et CSV/TSV.
Kubernetes
Manifestes multi-docs, validation structurelle, starters Ingress/Deployment et formatage values Helm.
Réseau / IP
CIDR, sous-réseaux et helpers IPv4/IPv6 — dans le navigateur.
Sécurité & tokens
JWKS, certificats X.509 et scan de secrets — locaux navigateur.
API & schémas
Outils OpenAPI pour formater, valider et analyser vos specs.
Outils HTTP
cURL, messages HTTP, URLs, HAR et Cookie / Set-Cookie collés dans le navigateur — formater et inspecter, jamais envoyé.
Utilitaires développeur
Timestamps, UUID, ULID, Nanoid, cron, mots de passe, regex, slugify, bases, casse, diff texte et chmod — tout côté client.
Texte & Markdown
Comptez, générez un sommaire Markdown et nettoyez des listes de lignes — dans le navigateur.
IA & LLM
Comptage de tokens, estimation des coûts et fenêtre de contexte — 100 % local.
Données de test
Valeurs de champs synthétiques pour fixtures et seed DB — d'abord des numéros de téléphone en plages réservées.