Command Palette

Search for a command to run...

Sélecteur de couleurs et convertisseur

Choisissez les couleurs et convertissez les formats Hex, RGB et HSL

Opacity100%
r
102
g
126
b
234
HEX#667EEA
HEXA#667EEAFF
RGBrgb(102, 126, 234)
RGBArgba(102, 126, 234, 1)
HSLhsl(229, 76%, 66%)
HSLAhsla(229, 76%, 66%, 1)
HWBhwb(229 40% 8%)
LABlab(56% 22 -57)
LCHlch(56% 61.1 291.1)
OKLABoklab(0.63 0 -0.16)
OKLCHoklch(0.63 0.16 270)
#667EEA
Category:color
Mode:Offline
Version:1.0.0
Access:Free

Qu'est-ce que le sélecteur de couleurs et le convertisseur ?

Color Picker & Converter interface on Toolz.dev - Pick colors and convert between HEX, RGB, and HSL formats

Color Picker & Converter est un outil en ligne gratuit qui vous permet de sélectionner les couleurs visuellement et de convertir entre les formats de couleurs populaires, notamment Hex, RGB et HSL. C'est un utilitaire essentiel pour les concepteurs Web, les développeurs, les graphistes et tous ceux qui travaillent avec des couleurs numériques.

L'outil fournit un sélecteur de couleurs interactif avec un sélecteur de spectre, des commandes de luminosité et de saturation, et un curseur d'opacité. Lorsque vous choisissez une couleur, vous voyez instantanément le code hexadécimal, les valeurs RVB et les valeurs HSL correspondantes, ce qui facilite la saisie du format exact dont vous avez besoin pour votre projet.

Au-delà du picking de couleurs de base, l'outil génère également des palettes de couleurs complémentaires, analogues et autres en fonction de la couleur sélectionnée. Cela vous aide à créer rapidement des schémas de couleurs cohérents pour les sites Web, les applications et les projets de conception. Tous les traitements s'exécutent dans votre navigateur sans aucune installation requise.

HEX, RVB et HSL sont trois façons d'écrire la même couleur sRVB plutôt que trois espaces de couleurs, donc la conversion entre eux est exacte et sans perte dans les deux sens. HSL est utile pour raisonner, car ajuster la légèreté ou la saturation tout en maintenant la teinte garde les couleurs dans la même famille, ce qui est beaucoup plus difficile à faire en éditant des chiffres hexagonaux. Le CSS moderne ajoute des notations qui s'étendent à l'extérieur du sRGB, telles que oklch et display-p3, et celles-ci peuvent décrire des couleurs dans lesquelles aucune valeur hexagonale ne peut être choisie. Tout ce qui est exprimé ici reste à l'intérieur du sRGB, qui est le sol commun sûr que chaque écran peut montrer. Le compte-œil, le pixel rendu, échantillonne l'image, la couleur originale.

Comment utiliser le sélecteur de couleurs et le convertisseur ?

1

Choisissez une couleur

Utilisez le sélecteur de couleurs visuels pour sélectionner une couleur en cliquant sur le spectre, en ajustant le curseur de teinte ou en entrant une valeur de couleur spécifique dans n'importe quel format.

2

Afficher les valeurs de couleur

Voir la couleur sélectionnée affichée simultanément aux formats HEX, RGB et HSL. Chaque format est mis à jour en temps réel lorsque vous ajustez la couleur.

3

Explorez les harmonies des couleurs

Consultez les suggestions de couleurs complémentaires, analogues, triadiques et autres en fonction de la couleur que vous avez sélectionnée pour créer des palettes cohérentes.

4

Copiez le code couleur

Cliquez sur n'importe quel format de couleur pour le copier dans votre presse-papiers. Utilisez-le directement dans votre CSS, votre outil de conception ou votre application.

Principales caractéristiques

Prise en charge du canal Alpha

Lit et écrit HEX et rgba à 8 chiffres, donc une couleur transparente survit à la conversion plutôt que de perdre son alpha

Conversion multiformat

Convertissez instantanément entre les formats de couleurs HEX, RGB et HSL avec une seule sélection de couleurs

Sélecteur de couleurs visuel

Spectre de couleurs interactif avec contrôle de la teinte, de la saturation et de la luminosité pour une sélection précise des couleurs

Palettes d'harmonie de couleurs

Générer automatiquement des schémas de couleurs complémentaires, analogues, triadiques et partagés

Frequently Asked Questions

Divisez le code hexadécimal à six chiffres en trois paires et lisez chaque paire sous la forme d'un nombre hexadécimal de 0 à 255. Dans # FF5733, FF est de 255 (rouge), 57 est 87 (vert) et 33 est 51 (bleu), donnant RGB (255, 87, 51). Collez le code hexadécimal dans le sélecteur et les valeurs RGB et HSL apparaissent immédiatement.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

colorpickerconverterhexrgbhslpalettecomplementaryanalogous