Command Palette

Search for a command to run...

SÉ

Sélecteur de couleurs et convertisseur

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

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

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