Convertisseur de Couleurs

Convertissez des couleurs entre différents formats comme HEX, RGB, HSL, CMYK. Prend en charge la sélection de couleurs avec l'API EyeDropper, la génération de palettes et l'analyse de schémas de couleurs.

Sélecteur de Couleurs

Utilisez le sélecteur de couleurs pour choisir des couleurs

Outils de Couleur

Outils avancés de sélection et de gestion des couleurs

Formats de Couleur

Couleur actuelle dans différents formats de représentation

#
rgb(,,)
rgba(,,,)
hsl(,%,%)
hsv(,%,%)
cmyk(%,%,%,%)
oklch(%%)

Palette Tailwind CSS

Couleurs officielles par défaut de Tailwind CSS. Choisissez un format, cliquez pour copier, double-cliquez pour l'envoyer dans le sélecteur.

50100200300400500600700800900950
slate
gray
zinc
neutral
stone
red
orange
amber
yellow
lime
green
emerald
teal
cyan
sky
blue
indigo
violet
purple
fuchsia
pink
rose

Explication des Formats de Couleur

Apprenez les caractéristiques et cas d'usage des différents formats de couleur

HEX Hexadécimal

Utilise 6 chiffres hexadécimaux pour représenter les couleurs, comme #FF5733. C'est le format de couleur le plus couramment utilisé en développement web, avec la meilleure compatibilité, adapté à l'utilisation en CSS et HTML.

Format :#RRGGBB
Plage :00-FF (0-255)
Avantages :Concis, bonne compatibilité
Inconvénients :Pas intuitif

RGB Rouge Vert Bleu

Utilise les valeurs numériques des canaux de couleur rouge, vert et bleu pour représenter les couleurs, comme rgb(255, 87, 51). Ce format est intuitif et facile à comprendre, adapté aux designers et développeurs pour comprendre la composition des couleurs.

Format :rgb(R, G, B)
Plage :0-255
Avantages :Intuitif, facile à comprendre
Inconvénients :Ne représente pas intuitivement la luminosité

RGBA Rouge Vert Bleu Alpha

Ajoute un canal alpha à RGB pour la transparence, par exemple rgba(255, 87, 51, 0.8). Convient aux superpositions, ombres et autres effets visuels semi-transparents.

Format :rgba(R, G, B, A)
Plage :R,G,B : 0-255, A : 0-1
Avantages :Prend en charge la transparence, effets visuels riches
Inconvénients :Compatibilité légèrement inférieure à RGB

HSL Teinte Saturation Luminosité

Utilise trois attributs de teinte, saturation et luminosité pour représenter les couleurs, comme hsl(12, 100%, 60%). Ce format est plus proche de la façon dont les humains perçoivent les couleurs, facilitant l'ajustement de la luminosité et de la vivacité des couleurs.

Format :hsl(H, S%, L%)
Plage :H: 0-360°, S/L: 0-100%
Avantages :Intuitif, facile à ajuster
Inconvénients :Ne représente pas intuitivement la luminosité

HSV Teinte Saturation Valeur

Utilise trois attributs de teinte, saturation et valeur pour représenter les couleurs, comme hsv(12, 100%, 100%). Ce format est couramment utilisé dans les logiciels graphiques, où le paramètre valeur représente plus intuitivement la luminosité de la couleur.

Format :hsv(H, S%, V%)
Plage :H: 0-360°, S/V: 0-100%
Avantages :La valeur est intuitive, facile à ajuster
Inconvénients :Support limité dans les navigateurs web

CMYK Cyan Magenta Jaune Noir

Utilise quatre canaux de couleur cyan, magenta, jaune et noir pour représenter les couleurs, comme cmyk(0%, 66%, 80%, 0%). C'est le format standard dans l'industrie de l'impression, adapté aux œuvres de design qui doivent être imprimées.

Format :cmyk(C%, M%, Y%, K%)
Plage :0-100%
Avantages :Standard d'impression, professionnel
Inconvénients :Affichage inexact sur le web

OKLCH Espace Colorimétrique Perceptuel

Utilise trois attributs de luminosité perceptuelle, chroma et teinte pour représenter les couleurs, comme oklch(60% 50% 12). C'est un espace colorimétrique moderne qui correspond mieux à la perception de l'œil humain, prend en charge une gamme de couleurs plus large et est adapté aux appareils d'affichage modernes.

Format :oklch(L% C% H)
Plage :L: 0-100%, C: 0-150, H: 0-360°
Avantages :Perceptuellement précis, large gamme
Inconvénients :Compatibilité limitée

Suggestions d'Utilisation

  • Développement Web : Priorisez les formats HEX et RGB pour une meilleure compatibilité
  • Ajustement de Design : Utilisez le format HSL pour un ajustement facile de la teinte et de la saturation
  • Impression Professionnelle : Utilisez le format CMYK pour assurer la qualité d'impression
  • Applications Modernes : Considérez l'utilisation du format OKLCH pour de meilleures performances de couleur
  • Sélection de Couleur : Utilisez les curseurs HSV pour une sélection intuitive de couleurs
  • Effets de transparence : utilisez le format RGBA pour créer des superpositions semi-transparentes