★ Let's become a Web Designer! 【プロフィール】 【ホームページ制作】 【ビジネス講座】 【お問い合わせ】 【運営会社】
 

ホームページの色の指定方法

 
トップページ はじめにご覧ください ホームページ制作講座の効果 作成実績 受講者の声 パーツテンプレート集 ホームページ基礎講座
 
 
プロフィール 制作依頼 ビジネス講座 お問い合わせ
 

ホームページの色の指定方法

 
トップページ 基礎知識 ホームページソフト HTMLタグ CSS入門 テクニック集
 
 

ホームページの色の指定方法(配色)について

ホームページの色の指定方法(配色)について、ご説明します。


動画を見る
 
(上記の動画が見れない方は、こちらの大きな動画 をご覧ください)



【目次】ホームページの色の指定方法(配色)について

 
  • 動画で話している内容について(テキスト)
  • ホームページの色の指定方法(配色)のポイント
  • 使用するカラーネームについて
  • 使用するカラーコードについて

 

動画で話している内容について(テキスト)

ここでは、色の指定方法について、ご説明します。

まず、色を指定するには、2つの方法があります。



カラーネームを使用する方法

1つめは、「red」や「blue」というような、カラーネームを使用することです。






特徴は、赤い色なら「red」 、青い色なら「blue」という形で、見た目で分かりやすい(ソースを書きやすい)ということです。



カラーコードを使用する方法

2つめは、シャープ(#)で始まる、6桁のカラーコードを使用することです。




カラーコードの特徴としては、とても細かい色を指定できるということです。


カラーネームとカラーコードは、どちらを使っても問題ありません。

そのため、赤や青など分かりやすい色を使用するときはカラーネーム、細かい色を使いたいというときは、カラーコードを使用すると良いと思いますよ。




ホームページの色の指定方法(配色)のポイント

・ 色の指定方法には、2つの方法があること
・ 1つ目は、 redgreenwhite などの「カラーネーム」を使用すること
・ 2つ目は、 シャープ(#)で始まり6桁の英数字 を用いる
 「カラーコード」を使用すること

・ カラーネームは、覚えやすく分かりやすい特徴があること
・ カラーコードは、とても細かい色を指定できるという特徴があること




使用するカラーネームについて

カラーネームの例については、配色表(カラーネーム) を参考にしてください。



使用するカラーコードについて

カラーコードの例については、配色表 (カラーチャート) を参考にしてください。





【よく読まれている関連記事】



ホームページについて、次のステップへ
自分で作りたい方、制作をお願いしたい方、作成スキルを仕事にしたい方へ。
目的に合わせてお選びください。
仕事にしたい
ホームページ作成を仕事にしたい方へ

AIを活用してホームページを作り、そのスキルを仕事や収入につなげたい方のための講座です。

作ってほしい
ホームページを作ってほしい方へ

「自分で作るのは難しい」という方へ。 分かりやすく使いやすいホームページを、低価格で制作しています。

自分で作りたい
自分でホームページを作ってみたい方へ

初心者向けのホームページテンプレートをご用意しています。 ホームページを作りながら、自分で作れる力を身に付けたい方におすすめです。



 

 

 
^