hideout-lastation.com
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.
Générez automatiquement de belles palettes de couleurs avec une ambiance
Que vous soyez un concepteur UI / UX ou un artiste numérique, vous devez savoir que la couleur est cruciale pour le produit final .Mais trouver le bon schéma de couleurs est difficile et implique généralement beaucoup d'essais et d'erreurs. Avec Ambiance, vous pouvez générer automatiquement des combinaisons de couleurs directement à partir de l'API COLOURlovers, le tout en cliquant sur un bouton!Cet ou
Comment créer une animation SVG en utilisant CSS
L'animation de SVG peut se faire à travers des éléments natifs tels que et . Mais pour ceux qui sont plus familiers avec l'animation CSS, ne vous inquiétez pas, nous pouvons également utiliser les propriétés d'animation CSS pour les SVG animés.CSS Animation pourrait aussi être une alternative à l'utilisation de la bibliothèque JavaScript comme SnapSVG. Dans ce p
