// converters
Color Format Converter.
Convert a color between HEX, RGB, HSL, and OKLCH with a live preview swatch.
Preview
Values
Questions fréquentes
Quels formats supporte-t-il ?
HEX (#FF5733), RGB, HSL et OKLCH.
Affiche-t-il la couleur ?
Oui, il affiche un aperçu avec les valeurs converties.
Fonctionne-t-il avec les couleurs CSS ?
Oui, il accepte tout format de couleur valide CSS.
Formats de couleur expliqués
Les codes couleur HEX utilisent un dièse suivi de six chiffres hexadécimaux (par ex. #FF5733). Chaque couleur est représentée par le rouge, le vert et le bleu en deux positions. C'est le format le plus courant en design web.
RGB (Red Green Blue) indique les canaux de couleur sous forme de valeurs décimales de 0-255, par ex. rgb(255, 87, 51). HSL (Hue Saturation Lightness) décrit les couleurs par teinte (0-360°), saturation (0-100%) et luminosité (0-100%).
Chaque format a ses forces : HEX est compact et préféré en CSS, RGB est intuitif pour mélanger les couleurs, et HSL est excellent pour la sélection systématique des couleurs.
Quand utiliser quel format ?
Les codes couleur HEX sont le standard dans les fichiers CSS et les outils de design. Si vous prenez des codes couleur de systèmes de design, travaillez mieux avec HEX car c'est la forme d'échange la plus courante.
RGB est idéal lorsque vous devez calculer ou mélanger des couleurs programmatiquement. Les trois canaux peuvent être modifiés individuellement pour créer des dégradés.
HSL est le plus adapté pour la sélection de couleurs et la création de palettes. La structure intuitive de teinte, saturation et luminosité facilite la recherche de combinaisons de couleurs harmonieuses.