Principes de base de ColorZilla Color Picker pour CSS3 - mannequins

Le premier élément du menu ColorZilla pour CSS3 est le sélecteur de couleurs. Lorsque vous sélectionnez cette option, vous voyez une boîte de dialogue dans laquelle vous pouvez effectuer des sélections de couleurs de différentes manières. À bien des égards, la vue initiale du sélecteur de couleurs ressemble à n'importe quel autre sélecteur de couleur que vous avez utilisé dans le passé.

L'utilisation du sélecteur de couleurs vous fait gagner du temps. Avec lui, vous pouvez entrer les couleurs directement en utilisant les caractéristiques décrites sur ces liens:

• Teinte, saturation et valeur

• Rouge, vert, bleu

• Valeur de couleur hexadécimale

• Espace colorimétrique Lab

• Cyan, magenta, jaune, clé

A partir de cette boîte de dialogue, vous recevez deux versions différentes de la sortie spécifique à CSS (à la fois la fonction rgb () et la fonction hsl ()). En outre, vous obtenez également un nom de couleur. Lorsqu'il n'y a pas de nom de couleur précis pour la couleur que vous avez créée, le champ Nom est laissé vide.

Bien sûr, certaines des meilleures fonctionnalités sont cachées à la vue. Cliquez sur Options et vous voyez une seule option nommée Color Picker Type. Le sélecteur de couleurs utilise par défaut ce que l'on appelle un type de sélecteur de couleur lisse . Cette configuration vous permet de choisir n'importe quelle couleur disponible, ce qui rend difficile le choix d'une couleur spécifique.

Pour mieux contrôler votre choix de couleur, sélectionnez l'option Discrète. L'affichage va changer. Chaque couleur est maintenant dans un bloc distinct - ce qui rend beaucoup plus facile de choisir une couleur spécifique chaque fois que vous utilisez Color Picker.

Vous pouvez également voir une couleur que vous aimez sur une page quelque part. Dans ce cas, cliquez sur Echantillon couleur du document (l'icône qui ressemble à un compte-gouttes), puis cliquez sur la couleur que vous souhaitez utiliser sur la page. Le sélecteur de couleurs affichera automatiquement les valeurs utilisées pour créer cette couleur.