Web便利ノート
cman.jp cman.jp > Web便利ノート > WEBカラー > WEBカラー作成
広告
広告

WEBカラー作成(グラデーションから選択)

RGB形式とHSL形式で、透明度にも対応したフルカラーを作成することが出来ます。
2色指定することで自動でグラデーション色や中間色を作成します。作成された中間色よりお好みの色を選択することもできます。
ホームページ作成時の色調整などにご利用ください。

広告

色の作成

RGB形式で選択
HSL形式で選択
開始色
赤色(R)
range赤
緑色(G)
range緑
青色(B)
range青
透明度(A)
range透明度
CSS構文 16進数
RBG
HSL
グラデーション
RGB形式で選択
HSL形式で選択
終了色
赤色(R)
range赤
緑色(G)
range緑
青色(B)
range青
透明度(A)
range透明度
CSS構文 16進数
RBG
HSL
グラデーション

CSSでグラデーションを書くと

グラデーション
CSSグラデーションサンプル
CSS構文
グラデーション

グラデーションの中間色一覧

グラデーション
ページTOP

色の指定方法

色は以下のように指定を行います。(代表的な赤色指定の例)

style(CSS)背景色:style="background-color: #ff0000"
文字色:style="color: #ff0000"
JavaScript背景色:object.style.backgroundColor = "#ff0000"
文字色:object.style.color: "#ff0000"
VBA背景色:Range("A1").Interior.Color = RGB(255,0,0)
文字色:Range("A1").Font.Color = RGB(255,0,0)
ページTOP
広告