カラーコードを指定する際に、少し明るい色が欲しいな、とか、少し鮮やかな色が欲しいなといったケースがよくあります。ここでは、RGBカラーコードで明度・彩度・色相を変更する方法を見ていきます。RGBカラーコードとHSVモデルHTML(CSS)ではRGBカラーコードで色の指定を行います。三原色の並びで色を表現します。原色の組み合わせにより色が定義されます。モデルが広く使われます。モデル(またはHSB色空間)は、色相(Hue)、彩度(Saturation・Chroma)、明度(Value・Brightness)によって色を表現します。以下のような円錐として視覚化したものがわかりやすいです。円錐の外側に行くほど鮮やかに、上に行くほど明るくなり、色相は環状に変化するようになっています。HSVモデルでは、何色かどうか・もう少し鮮やかに・もう少し明るく、といった人間の知覚として直感的に扱いやすいパラメータで色が定義されます。ようになり、より鮮やかな色にしたい場合は、彩度を上げる、より暗くしたい場合は明度を下げるとった方法で色を調整することができます。RGBの場合は彩度を上げるというパラメータ表現ではなく、あくまでも原色の割合として色を表現するため、HSVは人間向けの色の表現方法であり、RGBは機械向けの(ディスプレイへの表示制御に便利な)色の表現方法であると言えます。RGBカラーコードの世界で簡易的に明度・彩度・色相を変更する方法を見ていきます。明度を変更する明度(Value・Brightness)は色の明るさです。色の明るさを変更するには、RGBの各色の割合を保ったままに、それぞれの値を等倍することで行なえます。することで明度を上げることができます。すれば明度を下げることができます。以下のようになります(わかり易さのため10進表示にしていますがカラーコードには16進で指定します)。2倍、3倍、4倍・・と変化させた例です。彩度を変更する彩度(Saturation・Chroma)は色の鮮やかさです。色の鮮やかさを変更するには、RGBのうち最も大きなものはそのままに他の値を等倍することで行なえます。等倍することで鮮やかさを下げることができます。以下のようになります。2倍、3倍、4倍・・と変化させた例です。色相を変更する色相(Hue)は色の種類です。色の種類を変更するには、RGBのうち最大値と最小値を保ったまま、最大値と最小値の間で各値を変化させることで行なえます。わかりにくいので、例を見ながら説明します。いずれかに常に存在するようにし、その他の値を変化させていきます。100(つまりG)に100を加えます。