hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Trouver facilement le code HEX pour les nuances de couleur avec 0to255

Comme vous le savez peut-être, il existe trois choses fondamentales qui rendent un site Web «génial»: la typographie, la mise en page et la couleur. Nous avons parlé de l'importance de la couleur pour la conception d'un site Web et nous avons couvert certains outils de couleur qui peuvent aider les concepteurs à choisir les bonnes combinaisons de couleurs dont ils ont besoin . Vous pouvez même choisir des couleurs dans Sublime Text ou générer des schémas de couleurs avec Adobe Kuler pour iOS.

Dans ce post je vais vous présenter à 0to255, un outil simple qui vous aide à trouver le bon code HEX pour les nuances de couleur que vous souhaitez utiliser. C'est très utile lorsque vous avez besoin de travailler avec un survol, des bordures ou une couleur dégradée.

Shaun Chapman a développé cet outil en implémentant le modèle HSL (hue, saturation and lightness) pour diviser le paramètre de luminosité (allant de 0 à 100%) en 31 parties. Avec l'outil, vous pouvez survoler une couleur et voir le pourcentage de luminosité apparaître à votre droite et le code HEX de cette couleur.

Choisir un nuance de couleur avec 0To255

Cet outil web est très simple et facile à utiliser et est également gratuit. Vous pouvez l'utiliser sans vous inscrire en premier. 0to255 vous offre plusieurs façons de comparer les combinaisons de couleurs.

D'abord, vous pouvez insérer la couleur désirée dans le sélecteur de couleur par défaut . Visitez le site 0to255, cliquez sur le bouton "PICK A COLOR" et un champ apparaîtra. Tapez / collez le code HEX là-bas sans le signe dièse. Par exemple, lorsque vous choisissez la couleur HEX #d86b93, tapez d86b93, puis cliquez sur le bouton "Choisir une couleur".

L'outil vous donnera ensuite une liste des autres teintes que vous pouvez choisir. La couleur choisie apparaît comme la boîte par défaut.

Vous recevrez 30 autres couleurs différentes (31 avec la couleur choisie) du plus clair au plus foncé. Si vous avez choisi l'autre nuance de couleur que vous souhaitez utiliser, cliquez dessus et le code HEX sera automatiquement copié dans votre presse-papier.

Alternativement, vous pouvez simplement coller le code de couleur à votre URL comme ceci: 0to255.com/d86b93. Cela vous amènera directement à la page de comparaison des couleurs pour # d86b93.

Choisir d'autres couleurs

À gauche de la page, vous pouvez choisir une autre couleur directement en utilisant un autre code HEX (à gauche), ou vous pouvez choisir une couleur aléatoire (sur la droite).

Ou vous pouvez choisir votre autre couleur dans la liste de couleurs aléatoires fournie par 0to255 sur sa page d'accueil.

Pensée finale

0to255 est un excellent gain de temps pour les concepteurs qui veulent juste obtenir le bon code pour la bonne nuance à utiliser pour leur conception. Plutôt que de deviner ou de brouiller pour trouver les bons codes HEX en ligne, 0to255 le rend aussi simple qu'un clic. Essayez-le et dites-nous si cela vous a aidé dans votre travail de sélection de couleur.

Ajout et suppression de classes HTML sur demande avec jQuery

Ajout et suppression de classes HTML sur demande avec jQuery

L'ajout d'une nouvelle classe HTML est une évidence. Ouvrez simplement le document HTML, localisez ce que vous voulez ajouter, insérez et nommez la classe. Mais quand il s'agit de construire un site web interactif qui permet à vos visiteurs de s'engager avec, vous devrez peut-être modifier, insérer et supprimer les classes HTML sur demande.Vous

(Conseils techniques et de conception)

12 extensions Chrome pour tirer le meilleur parti de Google Drive

12 extensions Chrome pour tirer le meilleur parti de Google Drive

Google Drive est sans aucun doute un formidable service de stockage en nuage synchronisé qui vous permet de stocker et d'accéder en toute sécurité à vos fichiers, dossiers, photos et vidéos depuis n'importe où.Pour améliorer sa convivialité et vous aider à tirer le meilleur parti de Google Drive, un grand nombre d'extensions différentes sont disponibles. Dans ce p

(Conseils techniques et de conception)