ホバーでテキストカラーがランダムで切り替わる

ホバーするたびにテキストの色がランダムに変わる動きは、ポップで賑やかな印象や、多様性を表現します。決まった色に変わるのではなく「何色になるかわからない」という予測不能性が、ユーザーのクリックへのハードルを下げ、楽しい気分にさせます。JavaScriptでMath.random()を使ってRGB値を生成し、colorプロパティに適用します。背景色との兼ね合いで読みにくい色が生成されないよう、彩度や明度の範囲を制限したカラーパレットから選出するロジックを組むと安心です。

※参考サイトは公開を終了しましたが、アーカイブとして引き続き掲載いたします。