HTMLの色を変換する方法

PHPz
リリース: 2023-04-24 15:29:21
オリジナル
2122 人が閲覧しました

HTML の色変換

HTML の色は RGB の三原色 (赤緑青、赤緑青) で構成されており、これら 3 色の組み合わせによってさまざまな色を表現できます。 HTML コードを使用する場合、純粋な白の場合は #FFFFFF など、16 進数の色の値を入力する必要があります。しかし、場合によっては、Web ページで使用するために色をすばやく変換する必要があることがあります。この記事では、HTML カラー変換の関連知識に焦点を当てます。

1. RGB カラー

RGB カラーは、赤、緑、青の 3 原色で構成され、その値の範囲は 0 ~ 255 です。 HTML コードで RGB カラーを使用するための構文形式は次のとおりです。

color:rgb(红色值, 绿色值, 蓝色值);
ログイン後にコピー

たとえば、赤の色の値が (255,0,0) に設定されている場合は、コードにその値を記述する必要があります。 :

color:rgb(255, 0, 0);
ログイン後にコピー

2. 16 進数の色

HTML コードを使用して色を設定する場合、通常は 16 進数の色を使用します。 16 進数の色は # で始まり、その後に 3 つまたは 6 つの数字または文字が続きます。たとえば、#FF0000 は赤、#00FF00 は緑、#0000FF は青を表します。

HTML コードで色設定方法として # を使用します:

color:#FF0000; /* 红色 */ color:#00FF00; /* 绿色 */ color:#0000FF; /* 蓝色 */
ログイン後にコピー

3. RGB と 16 進数の間の変換

時間が限られているため、迅速に行う必要がある場合があります RGB カラーの変換16 進数カラーに、または 16 進数カラーから RGB カラーに変換します。現時点では、多くのオンライン ツールが利用可能です。

  1. RGB から 16 進数への

RGB カラー コードを 16 進数のカラー コードに変換するには多くの方法があります。以下はその 1 つです。

赤の値、緑の値、青の値をそれぞれ 16 進数に変換し、それらを結合します。

たとえば、赤の #FF0000 は 255、0、0 の 3 つの値に分割でき、その 16 進コードは #FF0000 になります。

  1. 16 進数から RGB へ
#16 進数のカラー コードを RGB カラー コードに変換するには多くの方法があります。以下はその 1 つです。

16 進数の色を赤、緑、青の色の値に変換し、それらを 10 進数に変換します。

たとえば、赤 #FF0000 は 3 つの値 FF,00,00 に分割でき、その RGB カラー コードは rgb(255, 0, 0) になります。

4. カラー ピッカー

カラー ピッカーは色を選択するためのツールです。必要な色を選択するのに役立ち、その色の RGB コードと 16 進コードの両方が表示されます。

HTML コードを開発するときは、通常、Adobe Color、フラット UI カラー、マテリアル デザイン カラーなどのオンライン カラー ピッカーを使用します。

概要

HTML カラー変換は、HTML Web ページを開発する際に習得しなければならないスキルです。開発中、RGB カラー値を 16 進カラー値に、または 16 進カラー値を RGB カラー値に素早く変換したいと考えています。同時に、カラーピッカーは、希望の色を素早く選択するのに役立つ非常に便利なツールでもあります。

以上がHTMLの色を変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!