sheile https://blog.hatena.ne.jp/sheile/ 開発^3 https://sheile.hateblo.jp/ Web開発 ゲーム開発 ちょっと必要になったので書き書きと。 二つの色と時間、方式を指定すると色Aから色Bへ連続的に変化させます。 サンプル RGBの場合はRed,Green,Blueの値を線形に変化させ、 HSBの場合はHue, Saturation, Brightnessの値を線形に変化させます。 色相的に逆方向の色を指定した場合、RGBの方は灰色を経由する形で変化し、HSBの場合は色相が変化していくことによってカラフルな変化になりますね。 HSBの方が見てて面白いが、直感的な変化とは反するかなぁ。 RGBHSB変換はこのサイトを参考に。 RGB←→HSB相互変換 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsheile.hateblo.jp%2Fentry%2F20081211%2F1229005637" title="色のグラデーション - 開発^3" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2008-12-11 23:27:17 rich https://sheile.hateblo.jp/entry/20081211/1229005637 1.0 100%