Publicité bloquéeMerci de désactiver votre bloqueur de publicités pour soutenir nos services gratuits.

Sélecteur de couleurs

Choisissez visuellement n'importe quelle couleur et générez instantanément des codes HEX, RGB, HSL et HSV précis. Faites glisser sur le canvas pour explorer les nuances, ajustez la teinte et l'opacité, ou collez un code couleur existant pour convertir les formats en temps réel. Pas de logiciel de design, pas de configuration nécessaire, sélectionnez simplement, convertissez et copiez les valeurs de couleur exactes pour votre projet en quelques secondes.

Utilitairev1.0.0

Sélecteur de couleurs

Choisissez n'importe quelle couleur visuellement, ajustez l'opacité, ou collez un code HEX, RGB, HSL ou HSV. Les quatre formats de sortie se mettent à jour en temps réel.

Canvas de couleur

Teinte

Opacité - 100%

Préréglages

Sortie

HEX
#398FE6
RGB
rgb(57, 143, 230)
HSL
hsl(210, 78%, 56%)
HSV
hsv(210, 75%, 90%)

Collez n'importe quel code couleur

Accepte HEX, #RRGGBBAA, rgb(), rgba(), hsl(), hsla(), hsv(), hsb()

Tout copier

hex:  #398FE6
rgb:  rgb(57, 143, 230)
hsl:  hsl(210, 78%, 56%)
hsv:  hsv(210, 75%, 90%)

Canvas de couleur visuel

Faites glisser le réticule sur le canvas saturation-luminosité pour sélectionner n'importe quelle nuance avec une précision au pixel près.

4 formats de sortie

Chaque sélection produit instantanément des valeurs HEX, RGB, HSL et HSV, incluant l'alpha quand l'opacité est inférieure à 100%.

100% Privé

Tout le traitement s'effectue dans votre navigateur. Aucune valeur de couleur n'est jamais envoyée à un serveur ni journalisée.

Guide

Comment choisir et convertir des couleurs

1

Faites glisser sur le canvas

Cliquez ou faites glisser n'importe où sur le canvas de couleur pour choisir une saturation et une luminosité pour la teinte actuelle.

2

Ajustez la teinte et l'opacité

Utilisez la barre de teinte arc-en-ciel pour changer la couleur de base et la barre d'opacité en damier pour définir la transparence.

3

Lisez les codes de sortie

Les valeurs HEX, RGB, HSL et HSV se mettent à jour en direct. Les codes incluent un canal alpha quand l'opacité est inférieure à 100%.

4

Copiez n'importe quel format

Cliquez sur n'importe quel bouton de copie à côté d'une ligne de sortie, ou collez un code couleur connu dans l'entrée ci-dessous pour sauter directement à cette couleur.

Publicité bloquéeMerci de désactiver votre bloqueur de publicités pour soutenir nos services gratuits.
Cas d'usage

Qui utilise un sélecteur de couleurs ?

Designers UI et web

Récupérez les couleurs de marque et copiez des codes précis pour CSS, Tailwind ou des systèmes de design sans quitter le navigateur.

Développeurs frontend

Convertissez entre HEX et RGB/HSL pour les propriétés personnalisées CSS, les valeurs arbitraires Tailwind ou les APIs canvas.

Graphistes

Traduisez des valeurs HSB de Figma ou Photoshop en codes HEX ou RGB prêts pour le web en une seule étape.

Créateurs de contenu

Trouvez la couleur d'accent parfaite pour une vignette, présentation ou document et copiez son code instantanément.

Vérificateurs d'accessibilité

Confirmez les valeurs de couleur exactes pour vérifier les ratios de contraste et la conformité WCAG pour les paires texte/fond.

Ingénieurs de prompt IA

Identifiez des codes hex précis lorsque vous décrivez des couleurs dans des prompts de génération d'images pour des résultats plus fidèles.

Publicité bloquéeMerci de désactiver votre bloqueur de publicités pour soutenir nos services gratuits.
Comparaison

Endless Forge face aux autres outils de couleur

Instantané, privé et complet en formats : fonctionne entièrement dans votre navigateur.

Fonctionnalité
Autres outilsmoyenne
Endless Forge✦ Ce site
Sélecteur canvas visuel
Oui
Oui
Zéro traitement serveur
Non
Oui
Canal alpha/opacité
Sometimes
Oui
Format de sortie HSV
Sometimes
Oui
Collez n'importe quel format pour convertir
Non
Oui
Gratuit
Limited
Oui
Publicité bloquéeMerci de désactiver votre bloqueur de publicités pour soutenir nos services gratuits.

Un seul outil, tous les formats de couleur

Le sélecteur de couleurs Endless Forge est conçu pour les développeurs et designers qui ont besoin de valeurs de couleur précises et complètes en formats sans jongler entre plusieurs outils. Que vous traduisiez une couleur Figma HSB en variable CSS HEX ou vérifiiez la décomposition RGBA exacte d'une couleur de marque, tout se passe instantanément dans votre navigateur sans aucune donnée quittant votre appareil.
Publicité bloquéeMerci de désactiver votre bloqueur de publicités pour soutenir nos services gratuits.
Explorer

Plus d'outils utilitaires et développeur

Publicité bloquéeMerci de désactiver votre bloqueur de publicités pour soutenir nos services gratuits.
FAQ

Questions fréquentes

Le sélecteur génère HEX (#RRGGBB / #RRGGBBAA), RGB / RGBA, HSL / HSLA et HSV. L'entrée de collage accepte tous ces formats également.
HSV (Teinte, Saturation, Valeur) est utilisé par les outils de design comme Figma et Photoshop. HSL (Teinte, Saturation, Luminosité) est natif au CSS. Les deux décrivent la couleur différemment mais sont mathématiquement convertibles.
Collez votre valeur HEX dans le champ d'entrée (avec ou sans le préfixe #) et l'outil calcule et affiche instantanément les valeurs RGB et HSL équivalentes. La conversion est mathématique et sans perte. Vous pouvez ensuite cliquer sur le bouton de copie à côté de n'importe quel format. Pour incorporer des couleurs dans des images et convertir entre formats d'image, le Convertisseur d'images gère PNG, JPG, WebP et AVIF.
Oui. Collez ou saisissez n'importe quelle valeur HEX, RGB, RGBA, HSL, HSLA, HSV ou HSB dans le champ d'entrée et le sélecteur se met à jour instantanément pour correspondre.
Oui. Le sélecteur de couleurs inclut un curseur de canal alpha qui vous permet de définir l'opacité de complètement transparent (0) à complètement opaque (1). Quand une valeur alpha autre que 1 est définie, les formats de sortie passent à leurs variantes avec alpha : rgba() pour RGB et hsla() pour HSL. Le format HEX supporte également un code hex à 8 caractères avec deux caractères supplémentaires pour l'alpha. Pour générer des valeurs de couleur à intégrer directement dans du code SVG, le Formateur de code peut vous aider à nettoyer et formater votre source SVG.

5 questions avec réponses

Publicité bloquéeMerci de désactiver votre bloqueur de publicités pour soutenir nos services gratuits.
Startup Fame Verification