Selecteur de couleurs/ HEX · RGB · HSL
Selectionnez, convertissez et explorez les couleurs. Supporte HEX, RGB, HSL, HSV avec echelles de luminosite et palettes harmoniques.
Valeurs de couleur
Couleurs prédéfinies
Échelle de luminosité
Harmonies de couleurs
Complémentaire
Analogue
Triadique
Cet outil a-t-il résolu votre problème ?
Questions frequemment posees
Quels formats de couleurs sont pris en charge ?
L'outil prend en charge HEX (ex. #6366f1), RGB (ex. rgb(99, 102, 241)), HSL (ex. hsl(239, 84%, 67%)) et HSV/HSB. Saisissez l'un de ces formats dans le champ de saisie et il sera automatiquement analyse et converti.
Qu'est-ce que la pipette (EyeDropper) ?
Le bouton pipette vous permet de cliquer n'importe ou sur votre ecran pour recuperer la couleur de ce pixel. Cela utilise l'API EyeDropper du navigateur, disponible dans Chrome, Edge et Opera. Elle n'est pas encore prise en charge dans Firefox ou Safari.
Qu'est-ce qu'une echelle de luminosite ?
L'echelle de luminosite affiche 9 nuances de votre couleur choisie, du tres fonce (luminosite 10%) au tres clair (luminosite 90%), toutes avec la meme teinte et saturation. C'est utile pour construire des palettes de couleurs coherentes en design UI.
Que sont les harmonies de couleurs ?
Les harmonies de couleurs sont des ensembles de couleurs visuellement agreables ensemble. Les couleurs complementaires sont opposees sur le cercle chromatique (fort contraste). Les couleurs analogues sont voisines (harmonieuses). Les couleurs triadiques sont trois couleurs equidistantes (vibrantes et equilibrees).
Quelle est la difference entre HSL et HSV ?
Les deux utilisent la teinte (H) et la saturation (S), mais la troisieme composante differe. HSL utilise la luminosite L (0%=noir, 50%=couleur pure, 100%=blanc). HSV utilise la valeur V (0%=noir, 100%=luminosite maximale). HSV est souvent utilise dans les outils creatifs comme Photoshop ; HSL est plus courant en CSS.
Comment utiliser ces couleurs en CSS ?
Copiez la valeur HEX (ex. #6366f1) pour l'utilisation la plus courante. Utilisez la valeur RGB pour rgba() avec transparence : rgba(99, 102, 241, 0.5). Utilisez la valeur HSL lorsque vous souhaitez ajuster programmatiquement la luminosite ou la saturation dans les proprietes CSS personnalisees.