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.
7 choses que les clients disent et ce qu'ils signifient réellement
Connaître une langue autre que votre langue maternelle vous donne toujours un avantage positif. En tant que designer professionnel, il est nécessaire de comprendre la langue du client. Clientish est la langue d'un groupe homogène de personnes appelées «clients», une espèce avec laquelle les concepteurs doivent faire face tous les jours.Bien q
Développer un bon goût dans la conception
Le célèbre monologue radiophonique d'Ira Glass sur l'émission de radio publique de New York, This American Life, encourage les jeunes créateurs à faire passer leurs divergences initiales entre leur propre travail et le travail qu'ils jugent «bon». Glass rappelle aux créateurs que nous entrons tous travail créatif parce que nous "avons bon goût".Je suis d