Sélecteur et convertisseur de couleurs

Choisissez une couleur et convertissez-la entre HEX, RGB, HSL et HSV, avec un historique de vos couleurs récentes conservé sur votre appareil.

Aperçu

#2563eb · rgb(37, 99, 235) · hsl(221.21, 83.19%, 53.33%)

Aperçu

N'importe quelle couleur CSS

Essayez #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) ou un nom comme teal.

RGB

HSV

HSL

Couleurs récentes

Aucune couleur enregistrée pour le moment. Enregistrez la couleur actuelle ou copiez une valeur pour commencer la liste.

Comment utiliser

Choisissez une couleur avec l'échantillon, le champ HEX ou en saisissant n'importe quelle couleur CSS dans le champ de texte libre.
Les champs RGB, HSL et HSV sont synchronisés : modifiez-en un et les autres se mettent à jour instantanément.
Utilisez les boutons de copie pour copier la valeur dans le format exact dont vous avez besoin.
Enregistrez la couleur actuelle dans la liste des couleurs récentes et cliquez sur un échantillon enregistré pour la réappliquer plus tard.

Remarques

Toutes les conversions s'effectuent dans votre navigateur ; les couleurs que vous choisissez ne sont jamais envoyées à un serveur. Les couleurs récentes sont stockées uniquement dans le localStorage de cet appareil et peuvent être effacées à tout moment. Le champ de texte libre accepte #hex, rgb(), hsl() et un petit ensemble de couleurs nommées, comme teal.

Questions fréquentes

Quelle est la différence entre HSL et HSV ?: Dans HSL, L désigne la luminosité : la couleur la plus vive se situe à mi-chemin entre le noir (0%) et le blanc (100%). Dans HSV, V désigne la valeur : 100% correspond à la couleur pure la plus lumineuse. Utilisez le modèle sur lequel repose votre flux de travail.
La transparence (alpha) est-elle prise en charge ?: Ce sélecteur fonctionne avec des couleurs opaques. Si vous collez une valeur avec alpha, comme #rrggbbaa ou rgba(), seule la partie RGB est utilisée.