Sélecteur de couleurs

Découvrez notre Color Picker intuitif, conçu pour vous faciliter la sélection de couleurs. Explorez des palettes claires et sombres associées à une couleur, et obtenez instantanément les valeurs HEX, RGB, HSL, CMYK et la luminosité.

HEX

RGB

HSL

CMYK

Luminosité —

Nuances : plus claires / plus sombres

Cliquez sur une nuance pour la sélectionner comme couleur principale.

À quoi sert un sélecteur de couleurs ?

Cet outil intuitif simplifie la sélection de teintes pour vos projets de design. Il permet d'explorer rapidement les palettes claires et sombres associées à une couleur de base, et d'obtenir les valeurs exactes dans plusieurs formats — pratique pour passer du print au web ou pour respecter une charte graphique.

Comprendre les formats de couleur

HEX — code hexadécimal sur 6 caractères, utilisé en CSS et en design web (ex. #013861).
RGB — trois canaux Rouge / Vert / Bleu de 0 à 255 — c'est le modèle natif des écrans.
HSL — Teinte / Saturation / Luminosité — plus intuitif pour ajuster une couleur tout en gardant le même ton.
CMYK — Cyan / Magenta / Jaune / Noir — le modèle utilisé en imprimerie, en pourcentage d'encre.

Astuce design

La luminosité (perçue) est calculée selon la formule W3C : 0,299·R + 0,587·G + 0,114·B. Une valeur au-dessus de 55 % indique une couleur claire, sur laquelle un texte foncé sera plus lisible — et inversement. Utilisez la palette pour générer rapidement les variantes hover, active ou disabled de votre couleur.