Widely available YES。主要ブラウザで広く対応済み。本番利用を推奨。

RGB

メモ: rgba() 関数記法は rgb() の別名です。両者はまったく同じです。rgb() を使用することが推奨されています。

rgb() 関数記法は、sRGB 色空間において、赤、緑、青の成分によって色を表現します。オプションのアルファ成分は、色の透明度を表します。

カラーRGB

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
css.types.color.rgb
1
12
1
1
18
1
CSS タイプ
rgb.alpha parameter

アルファパラメータ
65
79
52
12.1
65
12.2
rgb.float values

パラメータ内の浮動小数点値
66
79
52
12.1
66
12.2
rgb.mixed type parameters

パラメータに `<percentage>` と `<number>` を混在させます
122
122
113
18
122
18
rgb.space separated parameters

スペースで区切られた rgb() パラメータ
65
79
52
12.1
65
12.2
rgb hexadecimal notation

は CSS のデータ型で、sRGB 色の原色成分（赤、緑、青）を 16 進数で記述し、その透明度も記述する記法です。
1
12
1
1
18
1
rgb hexadecimal notation.alpha hexadecimal notation

RGBA 16 進表記 (`#RRGGBBAA`、`#RGBA`)
62
79
49
10
62
9.3
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

CSS 
.element {
  color: rgb(255 99 71);
  background: rgba(0, 0, 0, 0.5);
  border-color: #3498db;
}

ライブデモ

Rgb() configtext

CSS Rgb() configtext demo.

プレビュー全画面表示

Rgba() opacity

CSS Rgba() opacity demo.

プレビュー全画面表示

16numbernotation

CSS 16numbernotation demo.

プレビュー全画面表示

実務での使いどころ

  • 基本的な色指定

    テキスト、背景、ボーダーなどあらゆる要素の色をRGB値で正確に指定します。

注意点

  • モダンCSSではrgb()関数のカンマ区切りとスペース区切りの両方がサポートされていますが、スペース区切りが推奨構文です。

アクセシビリティ

  • 色のみで情報を伝達しないようにし、テキストと背景のコントラスト比がWCAG 2.1のAA基準（4.5:1）を満たすよう設計してください。

参考リンク