検索
ホームページウェブフロントエンドCSSチュートリアルCSS 基本チュートリアル ---RGB 加法色の説明

rgb カラーは、r、g、b を加算することによって白を作成するため、加法色と呼ばれます (つまり、すべての光が反射して目に戻ります)。加法混色は、照明、テレビ、コンピューターのモニターで使用されます。たとえば、ディスプレイは、赤、緑、青の蛍光体から光を発することで色を生成します。

可視スペクトルの大部分は、異なる比率と強度で赤、緑、青 (rgb) 色の光の混合として表現できます。これらの色が重なると、シアン、マゼンタ、イエローが生成されます。

追加カラー (rgb)

r. レッド g. グリーン b .青
rgbカラーモデルに基づくrgbカラーモードを使用して、カラー値を操作できます。 rgb モードでは、各 rgb コンポーネントは 0 (黒) ~ 255 (白) の値を取ることができます。たとえば、明るい赤では、r 値 246、g 値 20、b 値 50 が使用されます。 3 つのコンポーネントの値がすべて等しい場合、灰色の色合いが生成されます。すべてのコンポーネントの値が 255 の場合、結果は真っ白になり、値が 0 の場合、結果は真っ黒になります。

色の符号化方法を総称して「色空間」または「色域」と呼びます。最も簡単に言うと、世界のあらゆる色の「色空間」は固定数または変数として定義できます。 rgb (赤、緑、青) は、多くの色空間のうちの 1 つにすぎません。このエンコード方法では、各色を赤、緑、青の強度の 3 つの変数で表すことができます。カラー画像を記録および表示する場合、rgb が最も一般的なソリューションです。ただし、初期の白黒表示システムとの互換性は良好ではありませんでした。したがって、多くの電子および電気メーカーが採用している一般的な方法は、互換性を維持するために rgb を yuv カラー スペースに変換し、その後、コンピュータ モニタにカラー グラフィックスを表示するために必要に応じて rgb 形式に戻すというものです。

ウェブページ(web)はコンピュータのブラウザをベースに展開されるメディアであるため、色は光学色rgb(赤、緑、青)が主となります。 web ページの色は 16 進コードで表されます。一般的な形式は #zyzabc (文字は数字に置き換えられます) です。たとえば、黒には 0 の 3 色があり、web ページ コードは #000000 です。カラーコードが#xxyyzzの場合は#xyzで表すことができ、例えば#135と#113355は同じ色を表します。

rgb()

この関数は、色の 3 原色を表します。赤、緑、青 3 つの整数は、色を表す長整数に結合されます。

構文:

RGB ( red, green, blue )

パラメータ:

red: 整数型、色の赤成分の強度を指定します。有効な値は 0 ~ 255

green: 整数型、色の緑成分の強度を指定します。有効な値は 0 ~ 255 です。

blue: 整数型、色の青成分の強度を指定します、有効な値は 0 です。 戻り値 255 ~ 255 の間の long です。

関数が正常に実行されると、指定されたコンポーネントによって決定された色が長整数として返されます。エラーの場合は -1 を返します。いずれかのパラメータの値が null の場合、rgb() 関数は null を返します。

使用法:

rgb() 関数は、次の式を使用して色を表す長整数を計算します: 65536 * ブルー 256 * グリーン 赤 ここで、ブルーは青コンポーネントを表し、グリーンは緑のコンポーネント、赤は赤のコンポーネントを表します。各成分のうち、値が小さいほど明るさが低くなり、値が大きいほど明るさが高くなります。たとえば、rgb (0, 0, 0) は黒 (最低の輝度)、rgb (255, 255,255) は白 (最高の輝度) です。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
「CSS4」アップデート「CSS4」アップデートApr 11, 2025 pm 12:05 PM

私が最初にCSS4¹のことを鳴らしたので、それについてもっと多くの議論がありました。私はここで他の人から私のお気に入りの考えをまとめようとしています。がある

3種類のコード3種類のコードApr 11, 2025 pm 12:02 PM

新しいプロジェクトを開始するたびに、3つのタイプ、または必要に応じてカテゴリを検討しているコードを整理します。そして、これらのタイプは適用できると思います

HTTPSは簡単です!HTTPSは簡単です!Apr 11, 2025 am 11:51 AM

私は、httpsの複雑さを公に嘆きながら罪を犯しました。過去に、私はサードパーティのベンダーからSSL証明書を購入し、問題がありました

HTMLデータ属性ガイドHTMLデータ属性ガイドApr 11, 2025 am 11:50 AM

HTML、CSS、およびJavaScriptのデータ属性について知りたいと思っていたことはすべて。

JavaScriptの不変性を理解するJavaScriptの不変性を理解するApr 11, 2025 am 11:47 AM

JavaScriptの不変性を以前に作業したことがない場合は、変数を新しい値または再割り当てに割り当てることと混同しやすいことがわかります。

最新のCSS機能を備えたカスタムスタイリングフォーム入力最新のCSS機能を備えたカスタムスタイリングフォーム入力Apr 11, 2025 am 11:45 AM

最近、カスタムチェックボックス、ラジオボタン、トグルスイッチを構築することは完全に可能です。必要でさえありません

脚注文字脚注文字Apr 11, 2025 am 11:34 AM

脚注に最適な特別なスーパーセット番号の文字があります。ここにあります:

HTML、CSS、JavaScriptを使用してアニメーションカウントダウンタイマーを作成する方法HTML、CSS、JavaScriptを使用してアニメーションカウントダウンタイマーを作成する方法Apr 11, 2025 am 11:29 AM

プロジェクトにカウントダウンタイマーが必要だったことはありますか?そのようなことのために、プラグインに手を伸ばすのは自然なことかもしれませんが、実際にはもっとたくさんあります

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)