Aller au contenu principal
Converty

Convertisseur de couleurs

Convertissez entre hex, RGB, HSL, OKLCH et OKLAB tout en vérifiant le contraste et en exportant des tokens prêts pour CSS.

Prend en charge les couleurs CSS hex, rgb(), hsl(), oklch(), oklab() et nommées.

Couleur actuelle

#953769

Premier plan suggéré

#FFFFFF

Couleur complémentaire

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alpha
Thème Tailwind
Générez une palette de marque complète pour Tailwind CSS 4 ou 3 à partir de la couleur actuelle.
50
oklch(94.5% 0.0212 350.46)
100
oklch(89.49% 0.0339 350.46)
200
oklch(81.48% 0.0542 350.46)
300
oklch(72.47% 0.0771 350.46)
400
oklch(61.46% 0.105 350.46)
500
oklch(48.44% 0.138 350.46)
600
oklch(43.57% 0.1236 350.46)
700
oklch(38.7% 0.1093 350.46)
800
oklch(33.22% 0.0932 350.46)
900
oklch(27.74% 0.077 350.46)
950
oklch(23.48% 0.0644 350.46)
Variables CSS

À propos de la conversion des couleurs CSS

Les convertisseurs de couleurs vous aident à faire passer une même couleur entre HEX, RGB, HSL, OKLCH et OKLAB. Ils sont surtout utiles quand vous avez besoin d’une sortie lisible, d’un contexte de contraste et de valeurs prêtes pour CSS ou Tailwind.

Couleurs HEX, RGB, HSL et CSS

HEX, RGB et HSL couvrent la plupart des workflows quotidiens dans le navigateur, le design et le frontend.

Une conversion rapide vous permet de coller une valeur et de la réutiliser partout sans réécrire la syntaxe à la main.

Pourquoi OKLCH et OKLAB comptent

OKLCH et OKLAB sont plus adaptés pour créer des gammes fluides et des changements de luminosité prévisibles.

Ils facilitent le travail sur les palettes quand vous recherchez des dégradés équilibrés et un contraste fiable.

Contrôles de contraste et sortie Tailwind

Les contrôles de contraste et la sortie prête pour les frameworks transforment un convertisseur en outil UI pratique.

Vous passez plus vite d’une couleur d’entrée à des choix de texte accessibles et à des tokens compatibles Tailwind.

Questions fréquentes

Réponses sur les formats de couleur pris en charge, quand utiliser des espaces perceptuels comme OKLCH et comment interpréter le contraste et les sorties Tailwind.

Autres outils

Parcourez toutes les pages d’outils depuis le hub de la page d’accueil ou le sélecteur centré dans l’en-tête.

Images

Convertisseur WebP

Convertissez jusqu’à 10 images JPEG, PNG ou WebP en WebP avec presets de qualité et téléchargements ZIP.

Ouvrir Convertisseur WebP

Ressources

Générateur de favicon / d’icônes d’application

Envoyez une image source carrée et générez un pack favicon avec des icônes d’application et un manifeste web de départ.

Ouvrir Générateur de favicon

Formats de données

Convertisseur JSON / YAML / TOML

Validez, mettez en forme, minifiez et convertissez JSON, YAML et TOML avec des avertissements de compatibilité clairs.

Ouvrir JSON / YAML / TOML

Formats de données

Validateur CSV

Validez des fichiers CSV et des lignes collées avec détection du délimiteur, contrôle des en-têtes, listes de problèmes et aperçus analysés.

Ouvrir Validateur CSV

Texte

Casse / Slug / Échappement

Convertissez du texte en camelCase, snake_case, kebab-case, PascalCase, slugs et formes d’échappement courantes.

Ouvrir Casse / Slug / Échappement

Texte

Validateur Markdown et aperçu

Validez la structure Markdown, prévisualisez le rendu et repérez les problèmes de rédaction courants avant publication.

Ouvrir Validateur Markdown