Color Picker & Converter
Choisissez une couleur ou convertissez instantanément entre HEX, RGB et HSL.
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
What is Color Picker & Converter?
Un sélecteur de couleur est un outil permettant de sélectionner une couleur et d'exprimer sa valeur dans les systèmes de notation utilisés en conception et en développement. Les trois formats les plus courants, hexadécimal (hex), RGB et HSL, décrivent tous le même espace de couleur sRGB : l'hexadécimal est la forme compacte la plus utilisée en CSS, le RGB spécifie les canaux rouge, vert et bleu de 0 à 255 pour correspondre à la façon dont les écrans émettent la lumière, et le HSL exprime la teinte, la saturation et la luminosité, ce qui rend les ajustements systématiques comme le fonçage ou le déplacement de ton plus intuitifs. Un sélecteur utile accepte l'un de ces formats comme entrée et les convertit instantanément afin que la même couleur puisse être copiée dans la notation attendue par la plateforme cible. Celui-ci gère également les raccourcis hexadécimaux à trois chiffres et copie chaque valeur en un seul clic.
How to Use Color Picker & Converter
- Utilisez le sélecteur de couleur, ou saisissez une valeur directement — hex (#ff5733), rgb(255, 87, 51) ou hsl(9, 100%, 60%) sont tous acceptés.
- Les valeurs HEX, RGB et HSL sont mises à jour ensemble instantanément.
- Cliquez sur "Copier" à côté de chaque format pour copier uniquement cette valeur.
Examples
Entrée hexadécimale
Input: #ff5733
Output: rgb(255, 87, 51) · hsl(9, 100%, 60%)
Entrée RGB
Input: rgb(34, 139, 230)
Output: #228be6 · hsl(207, 79%, 52%)
Hexadécimal à 3 chiffres
Input: #f5a
Output: #ff55aa
Common Mistakes
- Oublier le # lors de la saisie d'une valeur hexadécimale directement (bien que cet outil tolère les deux formats).
- Mélanger les pourcentages de saturation/luminosité de HSL avec la plage de 0 à 255 de RGB lors de la modification manuelle de CSS.
- Supposer qu'un hexa à 3 chiffres comme #f5a est une couleur différente de son expansion à 6 chiffres #ff55aa — ils sont identiques, juste en abrégé.
Why Use This Tool
- Accepte les entrées dans l'un des trois formats courants et les convertit simultanément dans les trois formats.
- Gère les hexa à 3 et 6 chiffres.
- Fonctionne entièrement côté client avec des mises à jour instantanées au fur et à mesure que vous tapez.
- Copie en un clic par format.