Codepens colorés et amusants

Bonjour, en tant que créateur, la couleur est vraiment importante pour moi.

Au cours des deux dernières années, j'ai collecté et créé quelques palettes de couleurs. Mais ce n'est pas le sujet du post d'aujourd'hui.

Aujourd'hui, je voulais partager quelques stylos de couleur amusants que j'ai fabriqués.

Allons-y…

(Remarque : certains d'entre eux peuvent ne pas être compatibles sur mobile.)

1. Curseurs de couleur RVB

Que puis-je dire à ce sujet. Tout d'abord, avant d'aller plus loin, je dois dire que j'utilise Microsoft Copilot pour m'aider avec les détails les plus fins de CSS et JS.

Ok, quelles sont les fonctionnalités intéressantes de ceci. Jouer avec les curseurs met à jour instantanément la couleur d’arrière-plan de la page et les valeurs de saisie de texte pour RVB. Cela fonctionne de manière bidirectionnelle si vous souhaitez saisir une valeur plutôt que de jouer avec le curseur.

2. Calculateur de couleurs

Qui n’aime pas une calculatrice de base ? Celui-ci a une fonctionnalité intéressante qui vous permet de taper ou de coller un code hexadécimal de couleur dans l'affichage de réponse pour changer la couleur !

3. Palettes de couleurs aléatoires avec JS

En parlant de palettes de couleurs. Voici un générateur de palette de couleurs aléatoires. J'ai créé ceci juste pour m'amuser. Je sais que j'utilise beaucoup l'IA pour m'aider à créer des projets. Mais quand il s’agit de palettes de couleurs, l’IA ou un générateur de palettes de couleurs aléatoires n’est pas quelque chose que j’utilise. Cela a peut-être ses cas d'utilisation, mais beaucoup de mes projets de design me sont très chers et j'essaie d'être intentionnel quant aux couleurs que j'utilise.

4. Cadran d’horloge noir et blanc

Très beau visage de coq simple. Cela ferait un excellent économiseur d'écran. Cliquez pour basculer entre le thème clair et sombre.

5. Cadre d'application SunBible avec options de thème de couleur

C'est un projet sur lequel je travaille depuis de nombreuses années. Je l'ai construit à partir de zéro et je l'ai emballé sous forme d'application de bureau avec Electron. Vous pouvez voir l'intégralité du code sur GitHub

6. Infinite Snap Scroll d'ABC avec animation couleur

Eh bien, merci d'avoir fait défiler jusqu'à la fin de cet article. Si vous aimez le défilement, je suis là pour vous.

J'aimerais communiquer avec vous dans les commentaires. Faites-moi savoir ce que vous aimez, donnez-moi peut-être une idée pour un autre projet amusant.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!