#3B82F6
Couleur HTML / CSS
rgb(59, 130, 246)
hsl(217, 91%, 60%)
hsv(217, 76%, 96%)
cmyk(76%, 47%, 0%, 4%)
Ce que ça fait
Le Sélecteur de couleurs & convertisseur vous laisse choisir n’importe quelle couleur et la voir instantanément dans cinq formats - HEX, RGB, HSL, HSV et CMYK - côte à côte avec un aperçu en direct. Modifiez une valeur dans n’importe lequel de ces formats et tous les autres se mettent à jour depuis la même source de vérité, pour que les valeurs ne puissent jamais diverger. Il indique aussi le nom de couleur CSS le plus proche, vous dit si un texte noir ou blanc reste lisible dessus (WCAG AA/AAA), et retient vos couleurs récentes. Choisissez avec le sélecteur de couleurs natif, saisissez un code hexadécimal, manipulez les curseurs HSL, randomisez, ou - dans les navigateurs Chromium - prélevez une couleur directement sur votre écran avec la pipette. Tout s’exécute 100 % côté client : la couleur choisie ne quitte jamais votre navigateur.
Comment l’utiliser
- Choisissez une couleur de départ : le carré de couleur natif, le champ HEX, la pipette Screen (Chromium uniquement), les curseurs HSL, ou Randomize.
- Observez l’aperçu en direct (avec son nom de couleur le plus proche) et les cinq cartes de format se mettre à jour ensemble.
- Pour convertir depuis un autre espace, modifiez directement les champs R/G/B, H/S/L, H/S/V ou C/M/Y/K - saisissez un nombre puis sortez du champ (ou appuyez sur Entrée) pour le valider.
- Consultez Text legibility pour voir si un texte noir ou blanc passe WCAG AA/AAA sur cette couleur, avec les ratios de contraste exacts.
- Cliquez sur n’importe quelle pastille Recent pour revenir à une couleur que vous venez d’utiliser.
- Touchez Copy sur n’importe quelle carte pour copier la chaîne de ce format (
#3B82F6,rgb(59, 130, 246), …), ou Copy share link pour envoyer la couleur exacte à quelqu’un d’autre.
Exemples
Bleu primaire → tous les formats
Choisissez #3b82f6 :
HEX: #3B82F6
RGB: rgb(59, 130, 246)
HSL: hsl(217, 91%, 60%)
HSV: hsv(217, 76%, 96%)
CMYK: cmyk(76%, 47%, 0%, 4%)
Name: royal blue
Text: #000000 (5.71:1 - AA pass)Convertir du HSL en hex
Saisissez H 0, S 0%, L 50% → un gris neutre :
HEX: #808080
RGB: rgb(128, 128, 128)Partager une couleur
Choisissez une couleur, puis l’URL devient …/tools/color-picker?c=3b82f6 - ouvrez-la n’importe où pour retomber sur exactement la même couleur.
Bon à savoir
- Une seule source de vérité : chaque modification passe par un RGB normalisé unique, donc HEX/RGB/HSL/HSV/CMYK sont toujours d’accord. HSL, HSV et CMYK sont des représentations avec perte, donc une valeur saisie peut s’afficher arrondie à l’entier le plus proche - c’est attendu, pas un bug.
- Les couleurs nommées sont approximatives : la « couleur nommée la plus proche » est appariée contre un sous-ensemble choisi de noms CSS bien connus, donc des teintes inhabituelles peuvent s’aligner sur un voisin proche.
- Pipette : le bouton Screen utilise l’API EyeDropper du navigateur, disponible dans les navigateurs Chromium (Chrome, Edge, Arc). Il est masqué là où elle n’est pas prise en charge.
- Partageable : votre couleur est encodée dans l’URL (
?c=…), et les couleurs récentes sont stockées localement dans votre navigateur - jamais envoyées à un serveur. - Privé : toute la conversion se fait localement.
- Outils liés : Palette Generator, Color Contrast Checker, CSS Animation Playground.