HTMLカラーコードの使用方法

あなたのウェブサイトのデザインに色を追加することは、HTMLカラーコードで簡単です。

WebセーフなHTMLカラーコードチャートを開き、使用可能な色を調べます。 ほとんどのコンピューターは任意の色を表示できますが、Webセーフカラーのみを使用する方がアクセスしやすいオプションです。 その上、から選ぶべき多くの色があります。 あなたのウェブサイトのテーマとデザインに一致するあなたのプロジェクトの色を選んでください。 経験則として、2つの補色と1つのアクセントカラーを選択します。 黒、白、灰色、黄褐色などのニュートラルも良い選択です。

Webサイトで使用する色の6文字のHTMLカラーコードをコピーします。 これらは、0、3、6、9の数字と、さまざまな組み合わせのCとFの文字で構成されています。 これらの6文字のコードは、カラフルなアクセントを作成したい場所でHTMLWebサイトコードで使用されます。

Webサイトの背景となる色を1つ選択してください。 背景をこの色にするには、HTMLコード「

"そして、6文字のコードを希望のカラーコードに置き換えます。 これはWebページ本体の背景全体の色であるため、このHTMLコードスニペットは通常の「" 鬼ごっこ。

Webサイトコードのページ内にカラーコードと適切なHTMLコードを含めることにより、Webサイトページ上のテキスト、見出し、またはリンクの色を変更します。 HTML属性を追加することで、任意のテキストに色を付けることができます。"コードに。 たとえば、大きな見出しの色を変更するには、単に「

見出し

"あなたのウェブサイトのコードに。

代わりにカスケードスタイルシート(CSS)を使用して、Webサイトのすべての見出しの色を変更します。 コード「h1 {color:#336699;}」を「

" と "ウェブサイトコードの「タグ。 「

「あなたのウェブサイトでは、それはその色になります。 CSSは、Webサイトのスタイリングの標準的な方法です。 また、再設計する場合は、簡単にアクセスして変更を加えることができます。

CSSのフォントやリンクなどの色を変更します。 フォントにはCSSコードスニペット「p {color:#336699;}」を使用します。 各テキストブロックのHTMLは、「

" と "

"タグ。 リンクの色は、「{color:#336699;}」と「
HTMLWebサイトコードの「タグ」。 画像の境界線、水平方向のルール、テーブルセルなど、その他のHTMLタグも、基本的な「{color:#336699;}」CSSコードスニペットを使用して変更できます。