Générateur de palettes de couleurs

Pourquoi les formats de couleur comptent

Les formats de couleur définissent comment une couleur est décrite et partagée entre outils. HEX est courant en CSS. RGB est la base des écrans. HSL facilite les ajustements de luminosité et de saturation. HSV est populaire dans les color pickers. CMYK est indispensable pour le print.

Bien comprendre ces formats aide à garder une identité visuelle cohérente entre web, produit, marketing et impression.

Codes couleur HEX

Les codes HEX sont une écriture compacte des valeurs RGB. Un code à 6 caractères comme #1F2937 correspond aux canaux rouge, vert et bleu en hexadécimal. Le format à 8 caractères #RRGGBBAA ajoute l’alpha (opacité).

Utilisez HEX pour les variables CSS, les design tokens et les configs.

RGB et RGBA

RGB décrit une couleur via trois canaux de 0 à 255. RGBA ajoute l’alpha pour la transparence. C’est le modèle le plus direct pour les écrans.

RGB est pratique pour les transformations programmatiques et les API.

HSL et HSLA

HSL représente la teinte, la saturation et la luminosité. C’est idéal pour créer des variantes cohérentes en augmentant ou diminuant la luminosité.

HSL aide à construire des thèmes et à ajuster l’accessibilité.

HSV (HSB)

HSV utilise la valeur (brightness) plutôt que la luminosité. C’est intuitif pour choisir une couleur vive, mais moins régulier pour des échelles.

CMYK pour l’impression

CMYK est un modèle soustractif. Il décrit les quantités d’encre cyan, magenta, jaune et noir. Les couleurs vives RGB peuvent perdre en saturation lors de la conversion.

Conseils pratiques

• HEX pour la compacité et le CSS.
• HSL pour construire des teintes et nuances.
• RGB pour les écrans et les outils techniques.
• CMYK pour les fichiers destinés à l’impression.

Conversions courantes

• HEX ↔ RGB : conversion directe des canaux.
• RGB ↔ HSL/HSV : utile pour ajuster la perception.
• RGB ↔ CMYK : référence print (avec variations).

FAQs