CSSでカラーを表現する方法はいくつかあります。
①キーワードでの設定
red , blue , green , blackなどそのものズバリの単語で設定できます。直感的に分かりやすく、設定もしやすいですが、数が限られているため、微妙なカラーの設定はできません。私はCSSが効いているかどうか確かめる時など、使用しています。
②HEX値 (Hexadecimal)
RGB値を16進数で表現します。”#RRGGBB”の形式で、2桁ずつ赤、緑、青を表します。
一番、メジャーかもしれません。よく使います。
③RGBA値 (Red Green Blue Alpha)
赤、緑、青の成分を0から255の数値で指定します。アルファチャンネルを追加して透明度を指定できます (0から1の範囲)。
他にHSLA値 (Hue Saturation Lightness Alpha)などがありますが、あまり、使用しないと思われます。上記の設定を使って、デザインカンプと同様のコードを書きます。

投稿者

Kの手習い

前職はOA機器の販売営業でしたが、退職して、50代で1からプログラマーを目指します。一般的にこの年齢からは厳しいと言われておりますが、この歳ならではの経験を活かして、頑張ります!

コメントを残す