Oui. #39f devient #3399ff (chaque chiffre est doublé). Sample montre ce cas. Les formes avec alpha (#rgba / #rrggbbaa) sont refusées.

Y a-t-il un canal alpha ?

Non. Couleurs opaques uniquement. Pour rgba()/hsla() ou hex 8 chiffres, utilisez un autre outil ou écrivez l’alpha en CSS.

Puis-je copier HEX, RGB et HSL séparément ?

Oui. Copie par format et Copy principal (HEX). Le sélecteur et les curseurs restent synchronisés.

Des données sont-elles envoyées ?

Non. La conversion s’exécute uniquement dans le navigateur.

Utill.net

Sélecteur de couleur

HEX, RGB, HSL

Sélectionnez n'importe quelle couleur visuellement et convertissez entre les formats HEX, RGB et HSL. Copiez les valeurs pour CSS et outils de design.

Cette conversion s’exécute uniquement dans votre navigateur — rien n’est téléversé.

Couleur

Hex

R59

G130

B246

HEX#3b82f6
RGB59,130,246
HSL217, 91%, 60%

Couleurs opaques uniquement (HEX / RGB / HSL). Pas d’alpha — collez #rgb court ou #rrggbb.

Qu'est-ce que cet outil ?

Convertit une sélection visuelle (ou un HEX saisi) en valeurs HEX, RGB et HSL pour CSS. Les trois formats décrivent la même couleur opaque avec des coordonnées différentes.

HEX est compact pour les tokens ; RGB expose les canaux 0–255 ; HSL aide à ajuster des états UI proches. Le raccourci CSS #rgb est accepté et développé en six chiffres.

Adapté pour copier un seul nuancier vers CSS ou la doc. Pour des harmonies à partir d’une teinte, utilisez le générateur de palette.

Cas d'usage courants

Copier HEX/RGB/HSL d’une maquette vers CSS ou un design system
Développer un ancien #rgb en #rrggbb
Régler les curseurs RGB en voyant HEX et HSL synchronisés

Comment utiliser

Utilisez le sélecteur natif ou les curseurs RGB ; le grand nuancier se met à jour tout de suite.
Ou saisissez un HEX (#39f / #3399ff). HEX invalide ou avec alpha → erreur.
Sample charge #39f → #3399ff. Clear restaure le bleu par défaut.
Copiez HEX via la barre d’outils, ou RGB/HSL ligne par ligne.

Exemples

Entrée / réglage	Sortie	Notes
`#3b82f6` (défaut)	`rgb(59, 130, 246)` · `hsl(217, 91%, 60%)`	Bleu par défaut.
`#39f` (Sample)	`#3399ff` · `rgb(51, 153, 255)`	Raccourci `#rgb` développé.
`#000`	`#000000` · `hsl(0, 0%, 0%)`	Noir.
`#ffffff`	`rgb(255, 255, 255)` · `hsl(0, 0%, 100%)`	Blanc ; saturation HSL 0.

Pièges courants

Pas d’alpha : #rgba, #rrggbbaa, rgba() et hsla() hors périmètre—écrivez l’opacité en CSS à part.
HEX et HSL sont arrondis ; près du gris (faible saturation), la teinte HSL peut sauter.
Pas de calcul de contraste WCAG—vérifiez dans un outil design / accessibilité.

Références

Dernière révision: 2026-07-27

Questions fréquentes

Le raccourci: Oui. #39f devient #3399ff (chaque chiffre est doublé). Sample montre ce cas. Les formes avec alpha (#rgba / #rrggbbaa) sont refusées.
Y a-t-il un canal alpha ?: Non. Couleurs opaques uniquement. Pour rgba()/hsla() ou hex 8 chiffres, utilisez un autre outil ou écrivez l’alpha en CSS.
Puis-je copier HEX, RGB et HSL séparément ?: Oui. Copie par format et Copy principal (HEX). Le sélecteur et les curseurs restent synchronisés.
Des données sont-elles envoyées ?: Non. La conversion s’exécute uniquement dans le navigateur.